Trøbbel med midtstilling i css

bosannes · 9. mai 2005

En kamerat av meg har laget noe rart.

Dette css-dokumentet:

.hovedboks {
margin: auto;
width: 800px;
height: 600px;
padding: auto;
background: red;
}

og dette html-dokumentet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="css.css" type="text/css">


<title>Morten sin hjemmeside</title>

</head>

<body>
<div class="hovedboks">
Hei
</div>
</body>
</html>

Problemet er at Siden ikke vil midtstille seg i IE. Midtstiller seg i Opera og jeg har tidligere brukt akkurat samme verdiene uten problemer før. Skjønner ingenting jeg :no:

bosannes · 9. mai 2005

Måtte bare poste et svar. Kunne jo ikke stå med 666 poster :cry:

Cucum(r) · 9. mai 2005

margin: 0 auto;

margin: 1em auto;

margin: 20px auto;

margin: 5% auto;

Get the picture?

pgdx · 9. mai 2005

IE støtter ikke margin:auto.

bruk heller dette:

position: absolute;
left:50%;
width: 800px;
margin-left: -400px;

Endret 9. mai 2005 av drange_net

Manoz · 9. mai 2005

body 
{
   text-align:center;
   margin:auto;
}

.center 
{
   height:600px;
   width:800px;
   margin:auto;
   background-color:Red;
}

Cucum(r) · 9. mai 2005

drange: Hvilken IE-versjon er det snakk om nå?

pgdx · 9. mai 2005

drange: Hvilken IE-versjon er det snakk om nå?

Spiller for så vidt ingen rolle. Med fast bredde, er min måte å midtstille på mye bedre og mye mer kross-UA-kompatibel.

bosannes · 9. mai 2005

Funka faktisk å linke til en annen class. Er nok feil i htm-dokumentet ja :s

Cucum(r) · 9. mai 2005

drange: Joda, men IE5 og 6 støtter den første metoden.

For meg har det ingenting å si om IE får stilark eller ikke, da jeg ikke bryr meg om den gruppen som ikke har oppdaget at det faktisk finnes andre nettlesere.

_Adler_ · 9. mai 2005

drange: Joda, men IE5 og 6 støtter den første metoden.
For meg har det ingenting å si om IE får stilark eller ikke, da jeg ikke bryr meg om den gruppen som ikke har oppdaget at det faktisk finnes andre nettlesere.

Det samme kommer jeg til å gjøre :thumbup:

haugsand · 9. mai 2005

IE 5 støtter ikke margin: 0 auto, men IE 6 gjør dersom den får oppgitt korrekt doctype.

Jeg frykter at doctypen oppgitt i dette tilfellet ikke fungerer i IE, siden den ikke inneholder en lenke til DTD. Gjerne gå over til strict i stedet for loose mens du er igang, og bruk denne: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

drange_net: Vil det ikke bli mer fordelaktig å bruke position: relative; i stedet for position: absolute; i eksemplet ditt, så metoden ikke forstyrrer den naturlige flyten?

bosannes · 9. mai 2005

Hadde nok noe med doctypen å gjøre ja.

PS: Dere som sier dere ikke bryr dere om IE klienter: Dere er virkelig kule altså. Lager sider som bare "1337s" kan lese. o0O0o... Hørt om nettleserkomptablitet

Jesper Karsrud · 9. mai 2005

Nåja, IE-brukere får jo opp sidene, men ikke like bra som Firefox- og Opera-brukere. Da går det heller an å informere dem om dette, og gi link til nedlasting av enten Opera eller Firefox. Dermed får man spredd ordet litt også (mer enn det allerede har blitt)

pgdx · 9. mai 2005

PS: Dere som sier dere ikke bryr dere om IE klienter: Dere er virkelig kule altså. Lager sider som bare "1337s" kan lese. o0O0o... Hørt om nettleserkomptablitet

Du trenger ikke være med i eliten for å installere Firefox. Du skal faktisk være med i en annen elite hvis du ikke klarer å installere det, eller få noen andre til å installere det.

Jo, vi har faktisk hørt om nettleserkomptabilitet, men så kom Microsoft og ødela ideologien som alltid. Og det er ikke første gang de er ute med destruerende handlinger.

Du kan kanskje lese hva vår gode venn Håkon har å si om saken (interoperabilitet) på The Register.

potetskrell · 9. mai 2005

Hadde nok noe med doctypen å gjøre ja.

PS: Dere som sier dere ikke bryr dere om IE klienter: Dere er virkelig kule altså. Lager sider som bare "1337s" kan lese. o0O0o... Hørt om nettleserkomptablitet

Hørt om å lese om hvorfor mange legger ut lenker til feks Mozilla og Opera? Da vil du finne ut at det handler ikke om "1337?", men om å gi brukerne den beste opplevelsen av sida. IE er knall det, men mangler støtte for flere viktige ting..

bosannes · 10. mai 2005

Joda. Faktisk så har jeg hatt link til Opera på min egen side en stund, men man må fortsatt innse det faktum at veldig mange av de besøkende på personlige hjemmesider (som han kameraten min driver med) har kun IE og ikke tør, eller ikke får lov til å laste ned andre klienter.

Manoz · 10. mai 2005

Tror ikke en midtstilt side er noe penere i opera eller firefox.

pgdx · 10. mai 2005

Joda. Faktisk så har jeg hatt link til Opera på min egen side en stund, men man må fortsatt innse det faktum at veldig mange av de besøkende på personlige hjemmesider (som han kameraten min driver med) har kun IE og ikke tør, eller ikke får lov til å laste ned andre klienter.

Da får de ta kontakt med sysadm.

Dette handler ikke om å være kul på noen måte. Det er en fin måte å vise at man ikke tolererer at Microsoft ikke holder seg til de anbefalinger som er satt og at de alltid på død og liv skal gjøre ting på sin egen måte.

I tillegg til dette, vet alle at hvis man virkelig skal få en side til å se lik ut i alle nettleserne, må det hacks til. Og det finnes én jævlig god grunn til ikke å bruke IE-hacks. De såkalte IE-hacks som blir brukt, baserer seg på at IE er elendig på både rendering og parsing. IE7 kommer ikke til å følge CSS2 fullt ut, og det er mer de ikke kommer til å prioritere. Dette viser en arrogant holdning og det er ikke holdbart, spør du meg.

Så et spørsmål til deg: Hva skjer med alle sider som har hacket i hop en boksmodell som er lik i IE og Firefox ved å lage en måte IE ikke klarer å parse den skikkelig på, og IE7 fikser alle sine parsing-feil, men ikke sine rendering-feil?

bosannes · 10. mai 2005

Mener ikke å snakke stygt om å boikotte IE. Er bare det at man må ta et valg om man vil ha alle de gjester man kan få, eller om man vil gi siden til de som kan se den.

Spørsmålet til meg:

Såklart er dette uheldig. Hvis man vil at alle skal kunne se siden mest riktig må man jo hele tiden ta noen valg i forhold til hvilke nettlesere man vil at siden skal se best ut i. IE7 vs IE6 blir jo noe av det samme IE vs FF

Endret 10. mai 2005 av bosannes

potetskrell · 10. mai 2005

Tror ikke en midtstilt side er noe penere i opera eller firefox.

Utdyp.

Logg inn

Trøbbel med midtstilling i css

Anbefalte innlegg

bosannes

Videoannonse

bosannes

Cucum(r)

pgdx

Manoz

Cucum(r)

pgdx

bosannes

Cucum(r)

_Adler_

haugsand

bosannes

Jesper Karsrud

pgdx

potetskrell

bosannes

Manoz

pgdx

bosannes

potetskrell

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer