/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Div ??
Fra : Tonni Aagesen


Dato : 17-09-02 05:36

Hejsa NG,

Jeg har et problem med "nested" div's. Hvis et div (#tekstBox) har style
float:left; vil den div (#mainBox) mainBox, som ligger et niveau over, ikke
finde ud af højden på #tekstBox, hvilket resulterer i at teksten står
udenfor #mainBox...

Hvad gør man så lige? Eks. på kode findes under min signatur.


--
Mvh
Tonni Aagesen
<agent29 AT stofanet DOT dk>



<html>
<head>
<style type="text/css">
body {
margin: 0px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
#mainBox {
background: #ffffff;
width: 750px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#leftMenuBar {
width: 138px;
text-align: right;
float: left;
}
#textBox{
width: 600px;
height: 400px;
float: left;
}
</style>
</head>
<body>
<div id="mainBox">
<div id="leftMenuBar">menu</div>
<div id="textBox">Tekst</div>
</div>
</body>
</html>



 
 
Tonni Aagesen (17-09-2002)
Kommentar
Fra : Tonni Aagesen


Dato : 17-09-02 12:13

"Tonni Aagesen" <use.my@signature.please> skrev i en meddelelse
news:am6bfn$brd$1@sunsite.dk...

> Jeg har et problem med "nested" div's. Hvis et div (#tekstBox) har style
> float:left; vil den div (#mainBox) mainBox, som ligger et niveau over,
ikke
> finde ud af højden på #tekstBox, hvilket resulterer i at teksten står
> udenfor #mainBox...
>
> Hvad gør man så lige?

En løsning var at indsætte endnu et div med stylen "clear: both" - eks:

<div id="mainBox">
<div id="leftMenuBar">menu</div>
<div id="textBox">Tekst</div>
<div style="clear: both"></div>
</div>


--
Mvh
Tonni Aagesen
<agent29 AT stofanet DOT dk>



Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408877
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste