Tekst loopt uit de pagina

[Verwijderd]

Mijn probleem is het volgende:

Ik had een standaard height aan de content gegeven. Nu was ik bezig met een informatie.html en de tabellen kwamen uit de pagina te lopen (het werden er teveel).

Toen heb ik de height op auto gezet en de informatie.html werkte toen gewoon perfect. De footer kwam er ook netjes onder (zowel in ie als mozilla) . Alleen de index was compleet anders geworden!!

De informatie heb ik in plaats van div , table gebruikt.... dus daar werkt de auto height wel mee?

ik snap het even niet meer...

http://mwouj.com/mj/index.html
http://mwouj.com/mj/opmaak.css
http://mwouj.com/mj/layout.css

[mithras]

Hiermee los je niet het probleem op, maar ik zou eens kijken naar de semantiek van je html. Je gebruikt <h3> voor paragrafen, daarin een <div> voor juist de kop (die je wel <h2> of zelfs <h2> kan maken) en je lijst maak je ook met blokelementen, terwijl je daar veel beter een (unordened) list voor kan gebruiken.
Ook zitten in je links boven een aantal gekke dingen.

Ik zou eens de Firefox extensie WebDeveloper installeren en dan 'Outline current element' kiezen, dan valt je snel op dat elementen buiten marges vallen.


Ik denk dat het fout gaat in je flows, omdat je wel een float:right en float:left doet, maar dan cleart op verkeerde elementen. Pas op je parent element een overflow:hidden toe en het moet al een stuk beter gaan (waarschijnlijk op je container dus)

[Fuzzillogic]

Als je een element een bepaalde fixed height geeft, en de content van dat element past er niet in, dan kickt de 'overflow'-property in, welke standaard op 'visible' staat. Gebruik ipv height eventueel min-height. Maar pas op, met het verouderde IE6 loop je hier tegen een sortvloed van problemen op; zo gedraagt IE6' height zich als min-height van moderne browsers, en met overflow is ook vanalles mis (ook in IE7)

En idd is de semantiek ver te zoeken.