Avatar billede je79ayps Novice
25. februar 2004 - 14:11 Der er 6 kommentarer og
1 løsning

div vs. class og height 100%

Disse spørgsmål har før været oppe og vende i forskellige versioner, men jeg undres stadigvæk. :o)

Hvis nu vi tager udgangspunkt i siden på exp.dk og man skal holde en height på 100%. Hvis man har behov for flere div elementer på sin side hvordan får man så alle elementer til at være lige høje?

Hvis nu vi siger exp.dk udgør 3 elementer - 2 til de blå områder til venstre og højre og 1 til selve indholdet (alle er sat til height 100%).

Hvis så div elementet med indholdet bliver mere end 100% hvordan følger de to blå elementer så med? Skal man lave én div som de 3 div elementer kan være i? F.eks?

<div id="baggrund">
  <div class="venstre"></div>
  <div class="indhold"></div>
  <div class="hoejre"></div>
</div>

Og hvad gør man hvis man evt. skal have en top-div, så baggrund div'en først starter 50 px nede, så bliver der jo også noget bøvl med udregning af højden på denne - hvad kan man da gøre?

Er det korrekt at man skulle bruge class ind i en div eller kan man godt bruge div i div?

Kan man tale om nedsættelse af loade-hastighed hvis man har mange div/class på siden?

Tak til dem som stadig er med. :o)
Avatar billede roenving Novice
25. februar 2004 - 14:29 #1
class er en attribut på et html-element, div er et html-element, så de kan ikke sammenlignes ...

-- sykronisering af div'ers længde er, som du skriver, en ofte set problematik, og f.eks. her: http://www.eksperten.dk/spm/445031 er der et spørgsmål om celler, men den kan også laves til divs:

<script type="text/javascript">
var divs = ['left','middle','right'];

function syncronizeDivs(){
    var maxH = 0;
    d = document.getElementsByTagName("DIV");
    for(i=0;d.length>i;i++){
        for(j=0;divs.length>j;j++){
            if(d[i].className==divs[j])maxH = Math.max(maxH,d[i].offsetHeight);
        }
    }
    for(i=0;d.length>i;i++){
        for(j=0;divs.length>j;j++){
            if(d[i].className==divs[j])d[i].style.height=maxH + 'px';
        }
    }
}
</script>
Avatar billede je79ayps Novice
25. februar 2004 - 14:38 #2
OK, jeg må prøve at se på det - jeg ville nu helst bare undgå javascript.
Avatar billede roenving Novice
25. februar 2004 - 14:57 #3
Tjah, css indeholder endnu ikke den slags muligheder, men der skulle komme nogle forbedrede muligheder i css3 ...
Avatar billede je79ayps Novice
25. februar 2004 - 15:12 #4
Men hvis man nu ikke skulle have et topbanner, så kunne man godt lave noget, ik? Altså sådan at højden bliver korrekt målt.
Avatar billede je79ayps Novice
05. marts 2004 - 14:43 #5
roenving læg et svar så får du lidt point.
Avatar billede roenving Novice
06. marts 2004 - 07:34 #6
Velbekomme '-)
Avatar billede roenving Novice
09. marts 2004 - 19:26 #7
-- og tak for points ;~}
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
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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