Avatar billede lasse-p3 Nybegynder
02. januar 2008 - 15:39 Der er 11 kommentarer

CSS: Boks tilpasse sig indhold

Jeg har denne CSS-kode:

#boks {
    position:absolute;
    left:20px;
    top:20px;
    width:660px;
    height: 350px;
    background-color:white;
}

Som i kan se er boksens størrelse predefineret. Problemet er at jeg gerne vil have boksen til at tilpasse sig det indhold der er på siden, men dette sker jo ikke da boksens højde ER defineret. Et table ville tilpasse sig indholdet og man ville også kunne sætte margen på. Kan man virkelig ikke gøre det med CSS som i mit tilfælde?
Avatar billede gf Nybegynder
02. januar 2008 - 15:53 #1
Hej

Jo, du kan lade være med at definere en højde

#boks {
    position:absolute;
    left:20px;
    top:20px;
    width:660px;
    background-color:white;
}

mvh gf
Avatar billede lasse-p3 Nybegynder
02. januar 2008 - 16:15 #2
Hej gf, det duer desværre ikke
Avatar billede gf Nybegynder
02. januar 2008 - 16:36 #3
Hej

Det virker fint hos mig

Layout.css
/* Layout Stylesheet */
#Nyheder {
text-align:left;
float:Right;
width:145px;
background:#fffaeb;
color: #333333;
border-style: solid;
}

index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<div id="Nyheder">
       
    </div>

</body>
</html>
Avatar billede gf Nybegynder
02. januar 2008 - 16:38 #4
<link rel="stylesheet" type="text/css" href="Layout.css"/>
Avatar billede lasse-p3 Nybegynder
02. januar 2008 - 16:56 #5
Hmm underligt, det virker simpelthen ikke ved mig!
Avatar billede lasse-p3 Nybegynder
02. januar 2008 - 17:01 #6
Når jeg fjerne length forsvinder boksen fuldstændig
Avatar billede gf Nybegynder
02. januar 2008 - 17:09 #7
har du lavet noget text inden i den?
Avatar billede lasse-p3 Nybegynder
02. januar 2008 - 17:15 #8
Ja samt flere <div>'er
Avatar billede lasse-p3 Nybegynder
02. januar 2008 - 17:38 #9
Det kan være at den kun indretter sig efter tekst og ikke andre div'er?
Avatar billede gf Nybegynder
02. januar 2008 - 17:40 #10
De andre div'er du har inde i har de faste højder?
Avatar billede lasse-p3 Nybegynder
02. januar 2008 - 17:46 #11
Ja
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