Ik zal vast wel de zoveelste zijn met deze vraag, maar ik heb gezocht en niet gevonden. (Nu sta ik ook niet echt bekend als zoekwonder..)
Hoe krijg ik een minimale hoogte van een div(in dit geval de tekstboxen) in IE? Ik heb al van alles geprobeerd met zowel de content-box als de tekst-boxen zoals height: 100% en height: auto; en een vaste hoogte wil ik eigenlijk niet vanwege de variabele inhoud.
Als ik de body een hoogte van 100% geef werkt dit wel, echter dan vult IE de ruimte tussen de tekstboxen en de footer op met de bodykleur en dat is niet mooi tov de footerkleur.....
Min-width en min-height voor IE zijn uitermate lastig. Ik zal even voor je kijken.
[edit]Nu ik erover nadenk; waarom wil je eigenlijk min-height? Een box zal nooit korter dan zijn content worden, als je tenminste netjes met je floats omgaat.[/edit]
@ Jan:
Nou, dat zal ik uitleggen;
Je hebt mijn site ge-revieuwd, om het zo maar even te zeggen. (ehbo-stabiel.nl) en daar bleek dat ik een beetje ouderwets bezig ben met de opmaak. Dus proberen we css. Ik had iets gelezen over het zelf slicen ipv het photoshop te laten doen. Zo kwam ik op het idee om bij de content niet met een achtergrond-afbeelding te werken, maar een vlak te maken en definieren in css.
Nu past die achtergrond zich aan aan de hoogte van de tekstboxen, maar als er weinig tekst in staat, blijft er maar heel weinig van de layout over, snap je?
Vandaar de min hoogte; om bij weinig tekst toch de bedoelde layout te behouden.
Een vaste hoogte wil ik eigenlijk ook niet, omdat ik dan het voordeel van een css-opmaak kwijt ben als er eens iets meer tekst in moet.
Ik hoop dat ik het een beetje duidelijk uit heb gelegd..........
@ArendJan:
Ik ga het vanavond op mijn werk proberen. Ik ben er nl achter gekomen dat het probleem zich niet voordoet bij IE7 (deze accepteert schijnbaar wel de min-height). Op mijn werk hebben ze IE6 (of 5.5?).
Zodra ik je oplossing heb geprobeerd, laat ik hier even iets weten, oke?
@ Jan:
Nou, dat zal ik uitleggen;
Je hebt mijn site ge-revieuwd, om het zo maar even te zeggen. (ehbo-stabiel.nl) en daar bleek dat ik een beetje ouderwets bezig ben met de opmaak. Dus proberen we css. Ik had iets gelezen over het zelf slicen ipv het photoshop te laten doen. Zo kwam ik op het idee om bij de content niet met een achtergrond-afbeelding te werken, maar een vlak te maken en definieren in css.
Nu past die achtergrond zich aan aan de hoogte van de tekstboxen, maar als er weinig tekst in staat, blijft er maar heel weinig van de layout over, snap je?
Vandaar de min hoogte; om bij weinig tekst toch de bedoelde layout te behouden.
Een vaste hoogte wil ik eigenlijk ook niet, omdat ik dan het voordeel van een css-opmaak kwijt ben als er eens iets meer tekst in moet.
Ik hoop dat ik het een beetje duidelijk uit heb gelegd..........
Ik snap wat je bedoelt. Hoogte in CSS is altijd lastig, maar kijk even naar de CSS van mijn eigen website: www.jankoehoorn.nl
Die doet namelijk precies wat jij beschrijft ;-)
[edit]De magic zit hem in dit stukje:
html, body {
height:100%;
}
#container {
height:auto;
min-height:100%;
position:relative;
voice-family:inherit;
}
html > body #container {
height:auto;
}
[/edit]
Idd is dat de oplossing. Maar......na het toepassen ervan maakt IE de body 100%, wat goed is als je verder geen achtergrond meer gebruikt onder je content. In mijn geval staat er onder de content nog een afbeelding (zie ehbo-stabiel.nl) En wat gebeurt er nu; de content blijft een kleine hoogte houden door de kleine inhoud, daaronder geeft ie gewoon de afbeelding weer die eronder hoort en om de hoogte 100% te maken, vult hij de ruimte tussen de afbeelding en de footer op met de bodykleur---->>> jawel....layout verprutst!
Ik heb geprobeert om een kleine afbeelding te posten, maar dat gaat helaas niet.
Ik heb ook geprobeert om ipv
html > body #tekst_links #tekst_rechts { height: auto;} te schrijven:
body > content #tekst_links #tekst_rechts { height: auto;}
