webForumDet fria alternativet

Div och höjd-problem

3 svar · 259 visningar · startad av NETwork

NETworkMedlem sedan juni 20011 732 inlägg
#1

Fler divproblem! :)

Jag har lite kod som ser ut så här (förenklat):

<iframe height="500px">
  <div 1> </div>
  <div 2> </div>
  <div 3> </div>
</iframe>

Problemet är att div 1 bara finns ibland. När div 1 inte finns ska höjden på div 2 öka så att den sträcker sig över ytan som normalt innehåller div 1. Div 3 har alltid ett fast mått, 200px.

Har laborerat med olika lösningar men jag lyckas inte få det att fungera, div 1 trycker alltid ut höjden med sin egen höjd så att div tre hamnar under det synliga fältet i iframen.

FlashesMedlem sedan jan. 2003282 inlägg
#2

Och vad har du satt höjden till på div 1 och 2 då?
Annars kanske du kan lägga div 2 och 3 i div 1?
Då ser ju koden lika ut hela tiden.

Mvh
Jan-Olov

NETworkMedlem sedan juni 20011 732 inlägg
#3

div 1 = 50px
div 2 = 250px ELLER 300px = auto???
div 3 = 200px

Jag har försökt sätta en div runt alla divar som är 500 hög och sedan auto på div 2. Problemet misstänker jag är att innehållet i div två är högre än diven, i div 2 använder jag även den här koden för att få rullistor i högerkanten:

overflow-x:hidden; 
overflow-y:scroll; 
overflow:auto;

Grejjen är den att detta inte verkar fungera när höjden är dynamisk... diven pressas ut så den passar innehållet. När jag har en fast höjd så får jag en rullista till höger precis så som jag vill ha den.

FlashesMedlem sedan jan. 2003282 inlägg
#4

Jo auto ger ju just auto.
kolla om
height: 300px;
min-height: 250px;
kan fungera då.
Fast jag tror inte IE stödjer min-height.

Mvh
Jan-Olov

135 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)