Avatar billede moddi100 Seniormester
05. august 2009 - 14:49 Der er 3 kommentarer og
1 løsning

div med 100% height

Hej,

Jeg har en <div> der indeholder ydereligere 2 div-elementer. Hvordan kan jeg få begge disse til at have den samme højde? Indholdet i den anden af de to div-elementer kan varierer.

Her følger koden som den ser ud nu.

<div class="yder">
  <div class="inder_1" style="float:left; width: 200px">Noget tekst følger her</div>
  <div class="inder_2">Noget tekst følger her</div>
</div>
Avatar billede trissebasse Nybegynder
06. august 2009 - 00:28 #1
clear:both;
Avatar billede roenving Novice
06. august 2009 - 04:02 #2
-- og tricket er en klassiker:

Yder-diven gives en baggrund, der nøjagtig matcher den korteste divs, så kan den, der er længere have sin egen baggrund (hvis nødvendigt !-)

-- og en tredje div gøres til en cleardiv, f.eks.

<div class="yder" style="width:974px;margin:0 auto;background:url(menubag.gif) no-repeat;">
  <div class="inder_1" style="float:left; width: 200px">Noget tekst følger her</div>
  <div class="inder_2" style="float:left;width:774px;background:url(contentbag.gif);">Noget tekst følger her</div>
  <div style="clear:both;height:0;overflow:hidden;">&nbsp;</div>
</div>
Avatar billede moddi100 Seniormester
13. april 2011 - 21:39 #3
Lukker nu, men ønsker i point?
Avatar billede moddi100 Seniormester
07. maj 2011 - 16:54 #4
Så tager jeg dem selv
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester