[CSS] Relatieve positionering: ruimte na footer

[Tootoo]

Hoi allen,

zelf ben ik nog nieuw binnen de CSS wereld, maar ik vond het toch tijd om er eens aan te beginnen. Nu wilde ik graag simpel beginnen: een banner + menu als bovenste rij, middelste rij een 2e menu met daarnaast de werkelijke content en als 3e rij de footer.

Een voorbeeld hiervan is hier te vinden met dit als stylesheet.

Echter in firefox (en eerst ook Internet Explorer) krijg ik de loze ruimte onder de footer. Dit heb ik opgelost door de marge van de footer negatief te maken, iets wat alleen als resultaat heeft in Internet Explorer.

Nu zou ik graag ook dit resultaat met firefox willen hebben, hoe is echter mijn vraag!

Enige tips voor dit (waarschijnlijk) simpele beginners CSS vraagje?

Groeten,

Tootoo

[Alex)]

Heb je ook padding: 0; toegevoegd?

[crisp]

Geen relative positioning met (negatieve) top-waarden gebruiken, maar zoveel mogelijk in de flow proberen te blijven. Je #content_menu kan je left floaten.

[Tootoo]

Deze had ik nog niet toegevoegd. Dit geeft echter niet het gewenste resultaat, wanneer ik deze toevoeg aan zowel #content en / of #footer.

[crisp]

Alex schreef op zondag 28 mei 2006 @ 00:32:
Heb je ook padding: 0; toegevoegd?

divisions hebben default al geen padding...

[Alex)]

Heb je gelijk in, ik nam aan dat hij een <p> daarin had geplaatst.

[Tootoo]

crisp schreef op zondag 28 mei 2006 @ 00:40:
Geen relative positioning met (negatieve) top-waarden gebruiken, maar zoveel mogelijk in de flow proberen te blijven. Je #content_menu kan je left floaten.

De negatieve topwaarde heb ik in dit geval gebruikt omdat ik content naast mijn content menu wil hebben.

Dan rijst de vraag bij mij hoe ik de content naast het content_menu krijg, zonder de negatieve topwaardes?

[crisp]

Tootoo schreef op zondag 28 mei 2006 @ 00:43:
[...]

De negatieve topwaarde heb ik in dit geval gebruikt omdat ik content naast mijn content menu wil hebben.

Dan rijst de vraag bij mij hoe ik de content naast het content_menu krijg, zonder de negatieve topwaardes?

En het antwoord had ik al gegeven: door je content_menu left te floaten

[Tootoo]

crisp schreef op zondag 28 mei 2006 @ 00:45:
[...]

En het antwoord had ik al gegeven: door je content_menu left te floaten

Inderdaad, dat wilde het voor Firefox weer keurig maken! Het resultaat hiervan is te vinden op dezelfde URLs. Echter nu doet het probleem zich andersom voor: IE zet de content nog onder het content_menu neer, in plaats van dat deze er naast komt te staan?

* Tootoo wordt er confused van

[Alex)]

Heb je niks aan display: inline voor die divs?

Overigens kun je voor een menu beter een <ul> gebruiken, dat staat netter

[crisp]

IE vind gewoon dat je #content te breed is

[Alex)]

Wat jij zei zei ik ook, maar dan beter uitgelegd

[Tootoo]

Alex schreef op zondag 28 mei 2006 @ 01:01:
Heb je niks aan display: inline voor die divs?

Overigens kun je voor een menu beter een <ul> gebruiken, dat staat netter

Ik zal binnenkort het zaakje ook eens volledig netjes maken Het ging me in dit geval even "simpel" voor de layout (zeker omdat ik pas 6 uur geleden begonnen ben aan CSS

crisp schreef op zondag 28 mei 2006 @ 01:03:
IE vind gewoon dat je #content te breed is

En dan vinden mensen het gek dat ik ruzie heb met IE + CSS.... Inderdaad helpt het om de breedte een beetje smaller te maken

Al met al: het werkt nu en ziet er al netter uit!