Avatar billede uklo Nybegynder
01. september 2005 - 09:00 Der er 11 kommentarer

hvordan får man boksene til at følge hinanden i højden?

Jeg vil gerne have at boksene følger hinanden i højden. Hvordan gør jeg det? Der er tre kolonner. højer og venstre kolonne er sat med pixels, mens den i midten er variabel.

De ser ud som følgende:

#indholdvenstre{
  background-color:#CCCCCC;
  border-right:1px solid #FFFFFF;
  width:150px;
  margin:0px;
  padding:0px;
  float:left;
 
}
#indholdmidt{
  background-color:#666666;
  margin:0px;
  padding:0px;
  float:left;
}
#indholdhoejre{
  background-color:#000000;
  border-left:1px solid #FFFFFF;
  width:150px;
    margin:0px;
  padding:0px;
  float:right;
}

#bund{
  background-color:#000033;
  height:25px;
  width:100%;
  clear:left;
}
Avatar billede uklo Nybegynder
01. september 2005 - 09:32 #1
Det virker ikke i mozilla. Her hopper boksen i midten under de to andre bokse og fylder hele breden. Hvorfor?
Avatar billede roenving Novice
01. september 2005 - 09:46 #2
Lyder som noget, du let og elegant klarer med en tabel !-)
Avatar billede uklo Nybegynder
01. september 2005 - 09:58 #3
:-) Se bort fra float:left i #indholdmidt...
Avatar billede olebole Juniormester
01. september 2005 - 11:39 #4
<ole>

- og jeg gentager gerne roenvings fornuftige bemærkning: Brug en tabel  :)

Der findes ét element i HTML, der netop er beregnet til at skabe synkrone kolonner med Det resulterer som regel i dårlig kode, hvis/når folk forsøger at efterligne elementer med andre, der slet ikke er beregnet til det. Desuden bliver koden dobbelt så lang ... og må ofte inkludere script for overhovedet at virke nogenlunde  :)

/mvh
</bole>
Avatar billede uklo Nybegynder
01. september 2005 - 12:10 #5
Trods det kunne det var rart at vide hvorledes man gør dette med css og herefter kunne tage stilling til om det er fornuftigere med tabeller...
Avatar billede roenving Novice
01. september 2005 - 12:14 #6
Den eneste rimeligt fornuftige måde at gøre det, involverer at de to side-bokse har samme baggrundsfarve, som man så også sætter på en boks, som indeholder de tre bokse !-)

-- så må de selvfølgelig ikke have en border, som kan afsløre deres højde !o]
Avatar billede olebole Juniormester
01. september 2005 - 12:27 #7
Nettet bugner med mere eller mindre kluntede forsøg på at løse den slags - og mange er nærmest maniske med hensyn til at pushe skidtet - så det skulle være meget let at finde noget.

At det skulle være nødvendigt undrer mig nu lidt. Da der kun findes ét element, som er beregnet til den slags, er der vel kun ét element, det kan kaldes fornuftigt at bruge.
Det er jo heller ikke indlysende fornuftigt at forsøge at sejle til Norge i sit køleskab  :)
Avatar billede roenving Novice
01. september 2005 - 12:35 #8
>>ole

-- men der kan være masser af fornuft i at tage f.eks. kolde bajere med til Norge !-)
Avatar billede olebole Juniormester
01. september 2005 - 12:48 #9
- næsten mere end varme sokker! Men der er også stor forskel på at sejle _med_ sit køleskab - og at sejle _i_ sit køleskab  ;o)
Avatar billede uklo Nybegynder
01. september 2005 - 14:50 #10
-) ok... I kan dele point...
Avatar billede saudoo Nybegynder
09. september 2005 - 20:55 #11
:\

Ved ikke lige om det er blevet sagt, men jeg blev forvirret af de andre indlæg. Har det også nederen, men fuck nu det..

Hvis du laver en div som har en fast højde, og sætter de tre andre divs derind og diffinerer deres højde til 100%; vil det så ikke gøre det?
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