Dynamic <div> tags (alternative)

[danny322]

Hi Everyone.

I am currently developing a site using div tags, i have a menu down the left then a bestsellers box right underneath it, on some pages the menu is bigger but it does not push the bestsellers box down automatically. Does anybody know how to combat this without using javascript?

thanks, danny

[Marc]

You would need to use faux columns, but i am not sure because i havent seen your code!

http://www.alistapart.com/articles/fauxcolumns/

[danny322]

Any other suggestions? didnt seem to work

[Nortus]

If the menu and the bestsellers box are within a container div this should happen automatically.

Could do with seeing the site really.

[danny322]

http://www.design365.co.uk/toys/

[MikeHopley]

You need to clear your floats.

In your code, beneath the "welcome to gifts and toys" <div>, add the following code:

Code: Select all

<div style="clear: both"></div>

[Nortus]

Mike knows a bit more than me as I didn't see that solution ^^

Here my 2 pence just in case it helps in some way.

It seems to me your doing the whole site the long way round.

I would have

div for the header/logo
div for the main navigation
container div
footer div

Within the container div I would have 2 more container divs. One for the search+nav+bestsellers (floated left) and one for the rest of the content (Floated left)
Then everything inside the search+nav+bestsellers div should just flow vertically automatically regardless of what is in your content div.