Welcome to WebmasterWorld Guest from 188.8.131.52
Forum Moderators: not2easy
I have a DIV question.
I have set up a layout using floated DIVs and it looks and works great.
I have three DIVs sitting in a container DIV (homeWrapper). The first DIV is a navigation column that has links and images (leftColumn). It is floated left and is the full height of the container DIV.
The second DIV (topFlash) acts as a row and slides to the top right of leftColumn. This DIV also expands as far to the right as the browser is wide, filling the screen with its repeating background. Thus, I donít want it to have a fixed width.
The same goes with the third DIV (bottomFlash). It sits below topFlash but still to the right of leftColumn.
Everything is working great, unless I resize my browser to 800 x 600. When I do that topFlash and bottomFlash shift (jump) below leftColumn. I want them to stay where they are and allow a horizontal browser scroll bar.
I also need there not to be a fixed width on my DIVs so they will fill the page to the right on larger screen resolutions.
Here is a very abbreviated look at my code.
border-bottom: 1px #000000 dotted;
<div id="leftColumn">[Images and Links]</div>
<div id="topFlash">[Flash content]</div>
<div id="bottomFlash">[Flash content]</div>
Does any one have any ideas? Thanks in advance!