[Solved] float and clear – taking too much or too less space

[limenet]

Hi,

I hope, you could help me, because I don’t even see the forest anymore with that many trees and the site is an urgent client work.
The site, I’m talking about is http://bit.ly/cJ2kPN
On of the sub-sites (http://bit.ly/9vcaN0), you’ll notice the big gap above the line with " Schwarz/Weiss Negativ Bild 24 x 36 mm". the gap is generated on one side with a padding of 10px but on the other side by the end of the #navigation (the stuff with the gradient). And I just don’t know why (this is the first problem).
The second problem appears on e.g. http://bit.ly/ceNMx3 (don’t try the forms :)), where the #content (the white stuff) doesn’t fill the space down to the footer (but it should). This problem is also caused by the #navigation (probably).
Basically the structure is

Code:

#container -> gradient [
#header
#navigation -> floats left, 180px wide
#content -> margin-left of 180px, no float
#footer -> clears both
}

And the files are (more or less) valid.
EDIT: the problem is in every modern browser
If you have questions, just ask them!
Thank you very much for your (hopefully fast) help!!! :D

Linus

[limenet]

thanks for your help, but it didn’t work (see this screenshot). The gap is still there (see "1" [with the gap] vs. "2" [without the gap; correct])

[limenet]

solved problem #2 in the meantime with Faux Columns , but #1 is still existing

[limenet]

wow! – it works! Thank you very much!

Linus

PS: could a moderator or an admin rename the topic to "[Solved] …"?

[Author]

Posts