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..?
Annonceindlæg tema
Forsvar & beredskab
Cybersikkerhed, realtidsdata og robuste it-systemer er blevet fundamentet for moderne forsvar.
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.
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..?
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.
04. januar 2008 - 17:41
#4
Er de "indvendige" div'er float'ede? Så "mister" de nemlig højden.
04. januar 2008 - 17:58
#5
Skal jeg prøve at poste koden? Nej de er IKKE floatede
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
04. januar 2008 - 18:15
#7
Er der nogen der kan se problemet? Jeg ville være yderst taknemmelig.
01. april 2008 - 12:20
#8
Tror det er ved at være lukketid her. :)
Vi tilbyder markedets bedste kurser inden for webudvikling