Container-probleem

[jasper1]

Ik ben bezig een website te maken en ik heb het volgende probleem:

In Firefox werkt hij prima, maar in de andere browsers, sluit de onderkant van de container niet goed aan bij het middenstuk.

Als de pagina langer wordt, is er in Firefox overigens ook ruimte tussen de onderkant en het middenstuk.

Weet iemand hoe ik dit kan verhelpen?

Link (http://choc4health.info/)
Link CSS (http://choc4health.info/stijlbladen/style.css)

[dcm360]

Eigenlijk heb je aan de bovenkant precies hetzelfde probleem, maar daar heb je het weten op te lossen met 'margin-bottom:-10px'. Dit werd veroorzaakt door 'margin-top:10px' in #columns, waar je eigenlijk ook geen margin maar padding had moeten gebruiken.

Wat me overigens nog meer opviel was '_height'. Dit geeft namelijk een behoorlijk rijtje aan CSS foutmeldingen

[jasper1]

Dank je. Ik ga het proberen.

Die _height heb ik geplaatst voor IE6 die een beetje moeite heeft met min-height

EDIT: Het werkt nu! Dank je wel!

[Lorrens]

Dank je. Ik ga het proberen.

Die _height heb ik geplaatst voor IE6 die een beetje moeite heeft met min-height

EDIT: Het werkt nu! Dank je wel!


selector {
min-height:500px;
height:auto !important;
height:500px;
}


Gebruik die maar, werkt exact hetzelfde en is wel valid :)

[jasper1]

Bedankt voor je reactie.

Dus in plaats van:
_height: 500px;

Komt:
height: auto !important;
height: 500px;

Maar hoe werkt dat dan in de browser?