Avatar billede krydset Nybegynder
22. maj 2005 - 12:39 Der er 8 kommentarer og
1 løsning

centrer 1 div inde i en anden div

Hejsa..
Hvordan får jeg centreret en div inde i en anden div med css ?

htmlkoden her



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="cfg/style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="main">
    he<br>
   
        <div class="logo">
            <img height="60px" width="90%" border="0">
        </div>
   
    he<br>
    he<br>
    he<br>
    he<br>
    he<br>
    he<br>
    he<br>
    he<br>
    he<br>
    he<br>
    he<br>
    he<br>
   
</div>

</body>
</html>

css koden her
.main
{
    background-color:#0000CC;
    height:auto;
   
}

.logo
{
    background-color:#ffffff;
    position:absolute;
    text-align:center;
   
}

Hilsen Thomas
Avatar billede krydset Nybegynder
22. maj 2005 - 12:40 #1
eks her på dette link www.pc-dk.dk/test/ vil jeg gerne have den hvide div cent i den blå div ?
Avatar billede roenving Novice
22. maj 2005 - 12:45 #2
F.eks.

.main
{
    background-color:#0000CC;
    position:relative;
}

.logo
{
    background-color:#ffffff;
    /*position:absolute;*/
    width:90px;
    margin:0 auto;
}
Avatar billede krydset Nybegynder
22. maj 2005 - 12:52 #3
Hvad gør lige det der auto ?
Avatar billede krydset Nybegynder
22. maj 2005 - 12:55 #4
lige et spm til, herinde  www.pc-dk.dk/test/ det billede der er, hvordan kan det være, der er den hvide streg neden under ?
Avatar billede roenving Novice
22. maj 2005 - 12:55 #5
Den sætter automatisk den margin, som er tilstrækkelig, i dette tilfælde på begge sider af diven !-)
Avatar billede roenving Novice
22. maj 2005 - 13:00 #6
En af de mere mærkelige ideosynkrasier i IE, for min Mozilla finder ikke selv på at opfinde et linjeskift !o]

-- men det er (ligesom med </td>-tags !-) således, at IE i den situation renderer den whitespace, som er foran </div>-tagget, så det skal helt op i røven på img-tagget:

<div class="logo">
    <img height="60px" width="650px" border="0" src="http://www.pc-dk.dk/test/pic/logo.jpg"></div>

-- desuden skal du lige sørge for at synkronisere billed-bredden og divens bredde, for Mozillaen tager udgangspunkt i divens bredde, når den centrerer (hvilket vel må siges at være ganske rimeligt !-)
Avatar billede krydset Nybegynder
22. maj 2005 - 13:02 #7
Ok takker,ligger du et svar :-P
Avatar billede roenving Novice
22. maj 2005 - 13:07 #8
Velbekomme '-)
Avatar billede roenving Novice
22. maj 2005 - 13:25 #9
-- og tak for point ;~}
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