Forum Moderators: not2easy

Message Too Old, No Replies

Firefox displaying problems with div content

         

PeterHo

2:05 pm on Jul 23, 2007 (gmt 0)

10+ Year Member



I've got a problem with displaying my website in Firefox.
The website is built on div boxes. The content in the leftContent box wont show at all, there are some text and pictures in it. On the other the right box doesn't have any problems. Does anyone know what might be the problem?
Thanks!

<div id="body">

<div id="leftContent">

<!-- This is the content not showing -->

<div id="leftContentBox">Content</div>

<div id="leftContentBox">Content</div>

</div>

<div id="rightContent">

<!-- This is a menu that shows perfectly -->

</div>

</div>

Here's the CSS codes for the boxes:

#body { width: 800px; height: 840px; background: #ffffff; margin-right: auto; margin-left: auto; position: relative; top: 0px; border-right: 1px solid #999999; border-left: 1px solid #999999; }

#leftContent { float: left; width: 550px; height: auto; padding: 20px; position: relative }

#rightContent { float: right; width: 170px; height: auto; padding: 10px; position: relative }

#leftContentBox { width: 550px; }

Old_Honky

2:49 pm on Jul 23, 2007 (gmt 0)

10+ Year Member Top Contributors Of The Month



I think the fact that you've got a div called "body" might be causing some conflict. Try changing it to something else (preferably not "head" or "html")and see if that makes a difference.

[edited by: Old_Honky at 2:50 pm (utc) on July 23, 2007]

PeterHo

4:06 pm on Jul 23, 2007 (gmt 0)

10+ Year Member



The problem is solved now. It was the comment tags (<!-- -->) I had that caused the problem, I removed all of them and it worked fine. I should add that I had some <!--#include virtual="file.htm" --> tags also which might have been the cause of the confusion for FF.