Verborgen <div> neemt in ie6 ruimte in

Door Rene Wennekes op 10-03-2009 13:09

532 views

Ik ben bezig met een webformulier waarvan bepaalde velden worden overgeslagen als deze niet nodig zijn door gebruik te maken van hidden <div> en javascript. Technisch werkt het allemaal maar verborgen <div>'s nemen wel ruimte in.
Zodoende heb ik ge-experimenteerd met negatieve marge van hidden :div>'s in state hidden.

<code>
div.webontwerpform {border: 1px dotted #FF6600;
padding: 6px; margin: 6px;
}

#section1visible {visibility: visible;}
#section1hidden {visibility: hidden; height: 0px; margin: -12px 0px;}

#section2visible {visibility: visible;}
#section2hidden {visibility: hidden; height: 0px; margin: -12px 0px;}
</code>

Bij FF en opera werkt het wel maar niet bij IE6 (en misschien 7)

Iemand een betere oplossing?

mvg,
Rene

Onbekende gebruiker

10-03-2009 13:11

Wellicht style="display:none;" (of in je CSS onder section2hidden{ display:none; *rest van je css* }

Han eev

10-03-2009 13:24

zoals visibility al zegt is het gewoon een element met zijn marges e.d. alleen niet getoond. Erg simpel, als je echt niet wilt dat element er is moet je display: none gebruiken zoals hierboven vermeld.
en dan the tip

http://www.w3schools.com/CSS/pr_class_visibility.asp
Tip: Even invisible elements takes up space on the page. Use the "display" property to create invisible elements that do not take up space.

Rene Wennekes

10-03-2009 13:57

Is idd de oplossing. <shame>Hoe heb ik dit kunnen vergeten?</shame>

Thx,

Rene

Onbekende gebruiker

10-03-2009 14:11

Door de bomen het bos niet meer zien Rene, klinkt erg bekend!

Leon Kunst

10-03-2009 14:42

.nonvisual {
position: absolute;
margin-left: -999px;
display: none;
}

Reageren

Inloggen om te reageren