Jump to content

FF background div problem


Recommended Posts

Here's the site i'm workin gon:http://www.flatballphoto.co.uk/bjportfolio/index.phpAs you can see, in IE the containing div wraps all the way around the content and displays neatly, with the image for the bottom in place and the background tiled down to it. However this does not happen in FF, the bottom image remains stuck under the menu.I don't want to give the div a fixed height, rather letting it depend on the amount of content. The question is, how do i get FF to play nicely without doing that? It runs through the W3 validator as valid css, bar a couple of irrelevant warnings.css:http://www.flatballphoto.co.uk/bjportfolio/style.css

Link to post
Share on other sites

i think your problem is that you are floating elements, when you float an element, it takes it out of the flow of the document in standards complacient browsers such as FF but not IE. so basically FF considers the container element (that has the background) emptytry clearing the float after the content e.g. <div style="clear:both"></div>hope this helps, ste

Link to post
Share on other sites

Awesome, worked a treat. Thanks ste! Solved a whole batch of problems with that little gem of knowledge.The only problem i have left is that in IE the background is now shifted slightly to the left, out of alignment with the header and footer images. I can't work out why this is when it all works in FF..?

Link to post
Share on other sites

conditional comments are handy but i try to avoid having 2+ style sheets if i can. sometimes a few tweaks to the css can get you a layout that displays almost the same across browsers with just 1 css file and thats always what i aim for anyway, i will try and have a look at your problem when i have a free momentthanks, ste

Link to post
Share on other sites

It's a pain, and so is IE.But, without hacking up your style sheet that's the only way to go. This is also a good idea because you can maintain a valid style sheet/page. IE 7 may/may not read those hacks, so once you hack it up to work in IE6, it may look funky in IE7.Isn't it grand!? :)

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...