Avatar billede lasse-p3 Nybegynder
04. januar 2008 - 17:23 Der er 8 kommentarer

Boks i css tilpasse <div>elementer?

Jeg har en boks defineret i CSS og en masse elementer der også er positioneret i CSS via absolute og ved brug af <DIV id=eksempel>.
MIt spørgsmål er, om man kan sætte boksen til at være relativ i størrelsen så at hvis mine div-elementer rager ud over den hvide boks, så vil den hvide boks blive så stor at den indlemmer div'elementerne. Jeg ved man kan gøre dette i et tabel men jeg aner intet om det i css..?
Avatar billede w13 Novice
04. januar 2008 - 17:25 #1
Når du siger, du har en boks med div-elementer i, er det så et div-element med div-elementer i?

Hvis du ikke sætter bredden på elementet, burde det vel selv justere sig.
Avatar billede lasse-p3 Nybegynder
04. januar 2008 - 17:29 #2
Yes et div element med div elementer i. Og hvis jeg fjerne f.eks. højden i den tro at boksen selv tilpasser sig de andre div-elementer, forsvinder boksen blot..?
Avatar billede w13 Novice
04. januar 2008 - 17:30 #3
Det er ikke en div-boks normale adfærd, at den forsvinder, når man fjerner højden, så det må skyldes noget andet kode.
Avatar billede jensgram Nybegynder
04. januar 2008 - 17:41 #4
Er de "indvendige" div'er float'ede? Så "mister" de nemlig højden.
Avatar billede lasse-p3 Nybegynder
04. januar 2008 - 17:58 #5
Skal jeg prøve at poste koden?
Nej de er IKKE floatede
Avatar billede lasse-p3 Nybegynder
04. januar 2008 - 18:00 #6
<body bgcolor="#D8D8D8">

<div id="boks">
<!-- Start af boksindhold -->

<!-- Topboks start -->
<? require("topindhold.php"); ?>
<!-- Topboks slut -->

<!-- Rotating image -->
<div id="mainimage">
<? require("mainphoto.php"); ?>
</div>
<!-- Rotating image end -->


<!-- MENU START -->
<div id="artist"><img src="Graphics/artists.gif" width="160" height="28" align="bottom" alt="" onmouseover="this.src='Graphics/artists2.gif';" onmouseout="this.src='Graphics/artists.gif';">
</div>
<div id="login"><img src="Graphics/login.gif" width="60" height="23" align="bottom" alt="">
</div>
<div id="create"><img src="Graphics/createlogin.gif" width="135" height="28" align="bottom" alt="" onmouseover="this.src='Graphics/createlogin2.gif';" onmouseout="this.src='Graphics/createlogin.gif';">
</div>
<div id="contact"><img src="Graphics/contact.gif" width="115" height="28" align="bottom" alt="" onmouseover="this.src='Graphics/contact2.gif';" onmouseout="this.src='Graphics/contact.gif';">
</div>
<!-- MENU SLUT -->


<!-- Slut på boks indhold -->
</div>

<div id="copyright"><font face="Century Gothic" size="1" color="#C0C0C0">© Copyright Jimages 2008</font></div>


</body>

------------ SAMT -------------

body {
    MARGIN: 20px
  color: #808080;
  font-family: century gothic;
  text-decoration: none;
  font-size: 12px
}

a {
    color: #808080;
  font-family: century gothic;
  text-decoration: none;
}

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

Det er #boks der er noget i vejen med
Avatar billede lasse-p3 Nybegynder
04. januar 2008 - 18:15 #7
Er der nogen der kan se problemet? Jeg ville være yderst taknemmelig.
Avatar billede w13 Novice
01. april 2008 - 12:20 #8
Tror det er ved at være lukketid her. :)
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