I have a layout that is 1024px except for 1 div that I would like to be 100% width of the browser window – much like the header and footer of this site. I have attached 2 images since I cant post a link – the ie6 image is what is happening that I would like some assistance remedying the other image is how it should look and does look in FF,IE7,Safari,Opera etc.
Here is my Xhtml:
Here is my CSS:
margin: 0 auto;
margin: 5px 0 0 5px;
background: url(../images/contact-drop.jpg) no-repeat;
border-bottom: 3px solid #42423f;
background: url(../images/sliderbg.jpg) repeat-x;
The div that I would like to expand 100% of the browser is div#scroller.
Thanks in advance for looking – Please let me know if you need anything else.
I have tried what you mentioned prior to posting to the forum – it doesnt seem to matter if I set the parent div to 100% or to 1024px inside or outside of a parent div – ie6 returns this everytime – it seems as though the image doesn’t repeat like the other browsers.
Here is all other browsers and exactly what I want to achieve.
Thanks for the prompt reply – I see in order to get the image to show more than the given width in the forum – you have to place it inline – thats why the two images looked the same.
Still not absolutely sure what your trying to do. A link would be great help.
I repeat, anything that you want to span the entire browser window cannot be inside a 1024px div. Have you validated your markup? If what you posted is an accurate representation of your page you have an unclosed div in there.
Maybe this won’t help much, but I came to think of "declaring a width and 100%", and how that isn’t the same thing, if that could be it (sorry I’m just on my way out).
The box-model will make a div with no width declared as 100% of the browser-window, no matter what padding (and borders? ) you have.
However, setting it’s width @ 100% AND having padding as well, that will result in width (100%) + X amount of padding. I.e. more than 100%.
I digress, gonna be late. Bye!
Apostrophe – So you are saying if I dont close a div wierd things can happen ? :( Thank you very much – note to self validate your code prior to taking screen shots and wasting others times with pointless posts.
Thanks again! :lol:
LooksLIkePat – thanks for the lesson as well – look forward to utilizing this forum more often great information from those on the board and I will try to not waste anyones time with nonsense like unclosed tags!
In a nutshell, yes.
If you have one less closing div than you have opening divs then the browser has to take a wild guess as to which closing div matches which opening div. It may be obvious to you and me but computers ain’t that smart, especially ones running ie6. :D
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".