Avatar billede extream Nybegynder
18. august 2005 - 13:32 Der er 4 kommentarer og
1 løsning

css og div

Jeg har et problem med div og css. Jeg vil gerne at et site kan ses i mozilla og Explorer lavet kun i div´s.

Jeg får et problem med vidden i mozilla samt med float nogen som har en løsning.

Koden er:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type=text/css>
.dummy{
    width: 530px;
    }
.dummy-top{
    background-color: #000000;
    width: 530px;
    height: 19px;
    margin: auto;
    color: #ffffff;
    }

.dummy-main-left{
    background-color: #028261;
    width: 125px;
    text-align: right;
    color: #000000;
    margin: auto;
    float: left;
    padding: 5px 0px 5px 20px;
    }

.dummy-main-right{
    background-color: #028261;
    width: 405px;
    text-align: left;
    color: #000000;
    float: right;
    padding: 5px 20px 5px 20px;
    }

.dummy-bottom{
    background-color: #000000;
    width: 530px;
    height: 31px;
    margin: auto;
    color: #ffffff;
    border: 0px;
    }   
</style>
</head>

<body>
<div class="dummy">
<div class="dummy-top"></div>
<div class="dummy-main-left">Brugernavn</div>
<div class="dummy-main-right">Tekstboks</div>
<div class="dummy-bottom"></div>
</div>
</body>

</html>
Avatar billede roenving Novice
18. august 2005 - 14:01 #1
Det er fordi du har brugt IE til at se det indtil nu, så prøv at sætte en doctype på:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

-- så vil det virke efter css-boxmodellen, som er den du kløjs i !-)

-- ifølge w3cs rekommendationer, skal en elements totale bredde beregnes som:

margin-left + border-left-width + padding-left + element-bredde + padding-right + border-right-width + margin-right ...

-- du vil derfor selvfølgelig få problemer, når du beregner det på den måde, IE bruger i quirks-mode, hvor alle andre afstande (fejlagtigt !-) regnes inde i elementets bredde !o]

Iøvrigt burde du også bruge et globalt karaktersæt i stedet for et proprietært, når det nu findes:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Avatar billede roenving Novice
18. august 2005 - 14:02 #2
-- og så er det min erfaring, at det kan betale sig at lægge float-right-ting før det, der skal være til venstre for !-)

-- og med en tabel ville du klare det uden problemer !o]
Avatar billede extream Nybegynder
18. august 2005 - 14:06 #3
Tusinde tak, hvis jeg nu ønsker at konverter til xhtml 1.1 får jeg så problemer med layoutet?
Avatar billede roenving Novice
18. august 2005 - 14:12 #4
Med fuldt kvalificeret doctype som det allerførste i et dokument skulle der ikke være problemer !-)

-- men hvis du f.eks. skriver en xml-prolog foran doctype-tagget vil IE gå i quirks-mode, og så skal der hackes ganske betydeligt, for at få det til at se ens ud i de fleste browsere ...

-- iøvrigt er det nok en anelse tidligt at begynde på xhtml, nøjes med html4.01 strict indtil xhtml2.0 kommer !-)

Læs f.eks. oleboles artikler:

http://www.eksperten.dk/artikler/537 og
http://www.eksperten.dk/artikler/538

-- els velbekomme '-)
Avatar billede roenving Novice
18. august 2005 - 14:35 #5
-- 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