Avatar billede andersjo Nybegynder
30. september 2005 - 14:34 Der er 11 kommentarer og
2 løsninger

Midtstille siden

Hei.

Jeg ønsler å lage en side som blir midtsilt i skjermbildet når brukeren har høyere oppløsning enn bredden på siten.

F.eks.:
Min side er 800 pixler bred. En bruker med 1024x768 oppløsning vil da få en like bred kant på hver side an siten.

Siten er bygd opp med en div rundt alt innholdet. Hvordan kan jeg midstille denne div'en?

//andersjo
Avatar billede softspot Forsker
30. september 2005 - 14:37 #1
For dit omsluttende div:

<div style="margin:0 auto;">
</div>


og i IE

<body style="text-align:center">

</body>
Avatar billede udvikler Nybegynder
30. september 2005 - 14:37 #2
Kom med et link til siden så kan jeg måske hjælpe :)
Avatar billede jesper-moeller Nybegynder
30. september 2005 - 14:38 #3
Her er en tutorial på hvordan man centere en div..
den er godt nok skrevet til GoLive bruger...
Men du skulle ikke have problemer med at fløge anvisngerne aligevel... da metoden er simpel og velbeskrevet..
http://www.mindpalette.com/tutorials/center_layers/index.php
Avatar billede showsource Seniormester
30. september 2005 - 14:55 #4
evt. også:

<html><head>
<style type="text/css">
body {margin: 0px;}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" style=" width: 100%; height: 100%;"><tr>
    <td align="center">Centreret</td>
</tr></table>
</body>
</html>

Men er jo nok valid html længere :O)
Avatar billede Slettet bruger
30. september 2005 - 16:44 #5
Hurtigt, lav-praktisk og bare så deprecated ;)

<center>

</center>
Avatar billede roenving Novice
02. oktober 2005 - 14:38 #6
Til alle nutidige browsere:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#site{width:800px; margin:0 auto; border:1px solid red;}
</style>
<title>Tabel i toppen</title>
</head>
<body>
<div id="site">
En masse indhold
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</body>
</html>
Avatar billede andersjo Nybegynder
17. oktober 2005 - 14:48 #7
Takk for hjelpen, men om softspot og roenving legger inn svar skal de få poeng.
Avatar billede softspot Forsker
17. oktober 2005 - 14:53 #8
Hvis du synes, så lægger jeg da et svar, men mon ikke roenving har fortjent de fleste af de point...?
Avatar billede andersjo Nybegynder
17. oktober 2005 - 15:02 #9
Så vidt jeg skjønner gjør deres svar akkuratt det samme, bare at roenving har med litt mer kode.
Avatar billede roenving Novice
17. oktober 2005 - 16:16 #10
Tjah, joeh, det jeg gør er at benytte den samme metode på alle browsere ved at tvinge selv IE til at overholde nogle basale (css-) regler for rendering ...

Hvis ikke der havde været forskel havde jeg slet ikke skrevet noget så lang tid senere !-)

-- els velbekomme '-)
Avatar billede roenving Novice
17. oktober 2005 - 16:16 #11
;O)
Avatar billede softspot Forsker
17. oktober 2005 - 16:23 #12
Tak for point... :)
Avatar billede roenving Novice
17. oktober 2005 - 16:24 #13
-- 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