Hjelp til DIV

travis_g · 15. mai 2005

Har noen små problemer med denne siden:

I IE vises siden slik den skal. I Opera og FireFox er det 3 problemer:

1. Divene ligger ikke tett opp i hverandre. (i Firefox ligger de to nederste divene riktig)

2. Teksten Hopper utenfor diven. (som når man bruker overflow: visible.

3. Teksten legger seg helt oppunder rammen i den midterste div en.

CSS:

p,h1 {
margin: 10px;
}

body {
font-family: verdana, serif;
font-size: 10px;
color: #000;
background-color: #663;
}

#header, #bunn, #tekst {
width: 600px;
margin: 0 auto;
}

#header {
height: 200px;
}

#tekst{
height: 300px;
background-color: #fff;
}

#bunn {
height: 20px;
}

XML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Climbhigh</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
</head>

<body>

 <div id="header"><!-- header -->
 </div>


 <div id="tekst"><!-- tekst -->
 </div>
 

 <div id="bunn"><!-- mail -->  
 </div>

</body>

</html>

Endret 15. mai 2005 av travis_g

Loomy · 15. mai 2005

1. Grunnen til mellomrommene er at p og h1 har litt drøye margin'er

2. Fjern height-attributten til #tekst

3. Bruk padding til å justere "luften" i en div.

travis_g · 15. mai 2005

1. Grunnen til mellomrommene er at p og h1 har litt drøye margin'er
2. Fjern height-attributten til #tekst

3. Bruk padding til å justere "luften" i en div.

1. Hva mener du med drøye marginer? Både p og h1 har 10px margin. Men uansett: Spiller det inn på avstanden mellom divene?

2. Vist jeg fjerner height atributten i #tekst, blir ruta veldig liten vist det er lite tekst i den. Jeg vil at diven skal være minst 300px uansett.

3. Skal ikke margin 10px på p og h1 sørge for at de legger seg under linja da?

PT · 15. mai 2005

2. Vist jeg fjerner height atributten i #tekst, blir ruta veldig liten vist det er lite tekst i den. Jeg vil at diven skal være minst 300px uansett.

height brukes til å sette en fast høyde. Du må bruke min-height: 300px hvis du vil at den minimum skal være 300px høy. Det funker forresten ikke i IE, så du må bruke en eller annen hack jeg ikke husker sånn akkurat nu.

travis_g · 15. mai 2005

Nå er det bare i Opera feilen vises

Logg inn

Hjelp til DIV

Anbefalte innlegg

travis_g

Lenke til kommentar

Videoannonse

Loomy

Lenke til kommentar

travis_g

Lenke til kommentar

PT

Lenke til kommentar

travis_g

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer