Avatar billede elskermad.dk Nybegynder
03. marts 2006 - 19:48 Der er 12 kommentarer og
1 løsning

Centrere side i Firefox

Hej Eksperter!

Jeg har problemer med at centrerer mine sider i Firefox - Det virker fint i IE, men i Firefox bliver de "venstresidet".

I kan se eksempel på www.alvision.dk og www.denkermedia.dk

På forhånd tak :)
Avatar billede blackscorpion Nybegynder
04. marts 2006 - 00:46 #1
der må være noget der tvinger den til venstre.. for en <table align="center"><tr><td>test</td></tr></table> virker fint i FF...

kan pt ikke lige se fejlen.
Avatar billede Slettet bruger
04. marts 2006 - 09:01 #2
Du skal for det første starte dit doc med :

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

dernæst kan du starte din >body< med >center< 

</head>
    <body><center>


den øvrige code har jeg ikke kigget på
Avatar billede mclemens Nybegynder
04. marts 2006 - 09:35 #3
html:
<body> -> <body><div class="alignit">
</body> -> </div></body>

css:
.alignit{margin-left:auto;margin-right:auto;width:770px;}
Avatar billede blackscorpion Nybegynder
04. marts 2006 - 10:25 #4
mclemens -> du er glad for den alignit, hva ? ;D
Avatar billede mclemens Nybegynder
04. marts 2006 - 10:50 #5
tjoh, navngivningen af mine ting er vist lidt ens :D
... elskermad (du skifter bare selv navnet ;) hvis den kan bruges)
Avatar billede apo Praktikant
04. marts 2006 - 14:48 #6
Prøv dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Centrering af side</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
</head>
<style>
html,body {
  margin:0;
  padding:0;
  height:100%;
}
#centerDiv {
  margin:0 auto; /* Et hack, der nulstiller marginerne */
  width:600px; /* Der _skal_ sættes en bredde på det yderste element for at browseren kan beregne hvor den skal sætte marginerne (Og for at den dermed kan centrere siden). Herefter vil elementet blive centreret. Bemærk! Elementet kan også være et table */
  text-align:center;
}
</style>
<body>

<div id="centerDiv">Test</div>

</body>
</html>
Avatar billede mclemens Nybegynder
04. marts 2006 - 22:29 #7
øh apo, det er det virker på samme måde / gør det samme som det jeg skrev ikke ;)
Avatar billede Slettet bruger
05. marts 2006 - 09:49 #8
Hvor besværligt kan det gøres ????
Avatar billede elskermad.dk Nybegynder
05. marts 2006 - 10:39 #9
auto margin var svaret hvilket mclemens først kom med, og derfor ser jeg gerne et svar fra ham :) tak for hjælpen
Avatar billede apo Praktikant
05. marts 2006 - 11:11 #10
mclemens > Rigtigt. Jeg gav dog et køreklart eksempel så andre brugere, der senere hen falder over dette spørgsmål, kan se en fuld beskrivelse af løsningen :-)
Avatar billede apo Praktikant
05. marts 2006 - 11:13 #11
ibtage > Hvad er det, du mener er besværligt?
Avatar billede mclemens Nybegynder
05. marts 2006 - 15:52 #12
svar ;)
Avatar billede mclemens Nybegynder
05. marts 2006 - 15:57 #13
apo> Ok, fornuftigt nok :)

ibtage> apo's var altså ikke indviklet - der var bare forklaring inkluderet.
nu vi er ved <center> så er det ikke anbefalet iflg. w3c (det gør bl.a. at man ikke kan køre strict) brug så vidt muligt css når du kan ;)
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