CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

maxt3r Nybegynder

07. august 2003 - 10:54 Der er 8 kommentarer og
1 løsning

centering i mozilla

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<style type="text/css">
html, body{
width:100%;
height:100%;
}
#site {
position:absolute;
top:50%;
left:50%;
height: 600px;
width: 670px;
margin-top:-300px;
margin-left:-335px;
border: 1px #000000 solid;
}
</style>
</head>
<body>
<div id="site">
Her er en masse tekst
</div>
</body>
</html>

hvorfor virker det fint i IE
men centering af site

men i mozilla fucker det op

Synes godt om

7th Praktikant

07. august 2003 - 13:00 #1

Sådan har jeg centreret min div-boks.

#middle
{
background-color: #448800;
color: #448800;
font-family: sans-serif;
font-size: 10px;
height: 100%;
left: 50%;
margin-left: -360px;
margin-right: -360px;
position: absolute;
right: 50%;
text-align: center;
top: 0px;
width: 720px;
}

<div id="middle"> </div>

De -360 pixels på hver side udgør tilsammen min totale bredde. Jeg skal ikke kunne sige om jeg har gjort det på den rigtige måde, men det virker ihvertfald i alle de browsere jeg har testet det i. Iøvrigt er xhtml netop beregnet til divs, så tag også lige at få udskiftet din doctype ;)

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

Synes godt om

7th Praktikant

07. august 2003 - 13:13 #2

Glem <?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da"> Ikke en valid doctype :)

Synes godt om

roenving Novice

07. august 2003 - 14:07 #3

>>maxt3r
-- Den virker da fuldstændig uproblematisk i min Mozilla 1.5 ?-)

Synes godt om

nak-m Nybegynder

07. august 2003 - 15:29 #4

7th:
hvad mener du med at

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" >

ikke er en gyldig doctype?

Synes godt om

7th Praktikant

08. august 2003 - 19:50 #5

nak-m > den bliver ikke valideret korrekt hos mig.

Synes godt om

maxt3r Nybegynder

13. august 2003 - 00:00 #6

øhh jeres svar synes ikke rigtig at hjælpe
www.section.dk

#site {
height: 100%;
left: 50%;
margin-left: -360px;
margin-right: -360px;
position: absolute;
right: 50%;
width: 670px;
border: 1px #000000 solid blue;
background-color: #ffffff;
}

bruger mozilla 1.5 det fucker da helt op.

Synes godt om

roenving Novice

13. august 2003 - 01:39 #7

Jeg kan ikke sige at det fucker op, den gør præcis hvad der står:

1. Starter fra midten og flytter 360px til venstre

2. Starter fra midten og flytter 360px til højre

3. Da din ramme er 670 bred er der altså 50 px mindre i venstre side end der er i højre !-)

Desuden angiver du en farve to gange i samme property, der står den af, ja !-)

Denne skulle være helt fin:

#site {
height: 100%;
left: 50%;
margin-left: -335px;
position: absolute;
width: 670px;
border: 1px solid blue;
background-color: #ffffff;
}

-- det eneste man kan sige er, at da Mozilla overholder standarden med hensyn til placering af en border (nemlig _udenpå_ boxen ,-) kommer der en scrollbar ...

Synes godt om

maxt3r Nybegynder

13. august 2003 - 11:58 #8

har brugt samme som dig nu prøv selv at tjekke mit site i mozilla firebird og tjek den som den rigtig skal se ud i IE

Synes godt om

roenving Novice

13. august 2003 - 13:14 #9

Det eneste jeg umiddelbart kan komme på af forbedringer skulle være at sætte position:relative på de andre divs ...

Du har en ulovlig linje i din css/style.css-fil:
<style type="text/css">

må _ikke_ stå i et importeret stylesheet ...

-- men det lignede ikke noget som kurerede det !-|

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS