Jump to content


Photo

Div rendering problem with Firefox


  • Please log in to reply
2 replies to this topic

#1 snorkler

snorkler
  • New Members
  • Pip
  • Newbie
  • 9 posts

Posted 11 September 2006 - 06:10 AM

What I want to happen works well in IE, but in firefox it seems to create a problem.
My basic setup is as follows
<div id="wrapper"> widht: 800px;
    <div id="masthead">  Width of Wrapper Div
    </div>
    <div id="navigation">  Sits Under Masthead No Float width of wrapper div
        <ul id="nav">
        </ul>
    </div>
    <div id="siderbar">    Float: left; width:  200px;  Sits as sidebar on left
    </div>
    <div id="MainContent"> Float:left;  Fills to right of the sidebar
    </div>
    <div class="clear"></div>  clears floats
    <div id="footer">  width: 800px;
    </div>
</div>

It all seems to work well except when I try to place images into the sidebar, all of a sudden the background of the footer Div is underneath the MainContent and underneath the Siderbar(the background image for the sidebar remains in tack.

so if I try
<div id="sidebar">
  <img src="#"></img>
</div>

it fails to render correctly in Firefox.  It also seems to occur if I have a form in the sidebar as well.

#2 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 11 September 2006 - 10:28 AM

Can you post a live example please instead of just code. Its hard to suggest something for you to do, with out seeing the actual problem.

#3 snorkler

snorkler
  • New Members
  • Pip
  • Newbie
  • 9 posts

Posted 15 September 2006 - 06:02 AM

I had some friends have a look and it all seemed to work for them.  However it's still happening to me.

http://www.equityape...mm=SampleLodgev

also on the 'make a booking' page when i click on a pull down menu, the background colour for the maincontent changes from white to the footer colour




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users