July 15th, 2003, 02:57 PM
The mystery of the disapearing paragraphs in css
The mystery I am speaking of is that on a webpage I am building two paragrahs just aren't there when the page is loaded. I have three boxes which are floating divs that break up the text of the page half way through. The text above the floating boxes doesn't display when the page is loaded (and if it does a reload will vanish it). You can select the text, so it's still there. I traced the problem ( I think) to the floating boxes, if I don't float them the text displays fine, but then the boxes aren't displayed on the same line.
the css for the box div is as follows:
the html for the box is:
border: solid #B5BDD6 1px;
you can see the problem in action
<div class="float" onmouseover="this.style.backgroundColor='#FFD4AA';" onmouseout="this.style.backgroundColor='#FFEDDB'">
<a href="#" class="boxl">
<span class="boxtitlea">News</span><span class="boxtitleb">Flash</span>
<br />blah blah blah...<a><br />
you help is greatly appreciated
July 15th, 2003, 03:14 PM
what code do you have in the class called content?
July 15th, 2003, 03:22 PM
Actually content has nothing in it:
but the text is formated by p
font-family: Verdana, sans-serif;
July 15th, 2003, 03:36 PM
what happens if you remove the float: left part from the float class and try using a position: absolute or relative.
Last edited by kkong; July 15th, 2003 at 03:41 PM.
July 15th, 2003, 03:40 PM
the text displays properly, but the boxes are stacked on top of one another instead of side by side
July 15th, 2003, 03:45 PM
just had a quick fiddle with your html and found a div without an end tag.
I added the closed </div> tag to the same line and now your boxes were coming up ok on my test page.
give it a go.
July 15th, 2003, 04:04 PM
good catch, but I closed this tag later on in the page and the problem still existed, I removed this "container" tag completely and the page works perfect, except I don't have the background color any more, any sugestions on how to get that back?
July 15th, 2003, 04:37 PM
could you add the background colour to the content class instead?
that should give you the same results.
Was there anything else in that container class?
July 15th, 2003, 05:09 PM