Avatar billede pla-net Nybegynder
19. oktober 2005 - 13:15 Der er 5 kommentarer

Centrering af website

Hejsa!

Jeg vil gerne høre om nogen ved hvordan man kan centrere sin hjemmeside. Jeg har designet den, men den bliver vist til venstre i browseren... :(

/P
Avatar billede roenving Novice
19. oktober 2005 - 13:44 #1
F.eks.

<!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:864px;margin:0 auto;border:1px solid red;border-width:0 2px;height:100%}
</style>
<title>Tomt dokument</title>
</head>
<body>
  <div id="site">
    Resten af dit site !-)
  </div>
</body>
</html>
Avatar billede pla-net Nybegynder
20. oktober 2005 - 10:27 #2
Er er nogen der ved hvordan jeg centrere nedenstående html-koder?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <meta name="generator" content="Adobe GoLive" />
        <title>P. Lindberg Industri A/S</title>
        <style type="text/css" media="screen"><!--
#top { background-color: #000; height: 100px; width: 800px; left: 8px; top: 18px; position: absolute; visibility: visible; }
#blueblock { background-color: #036; height: 20px; width: 800px; left: 8px; top: 120px; position: absolute; visibility: visible; }
#layer2 { height: 470px; width: 150px; left: 8px; top: 140px; position: absolute; visibility: visible; }
#layer1 { height: 90px; width: 149px; left: 330px; top: 75px; position: absolute; visibility: visible; }
#layer5 { height: 440px; width: 114px; left: 12px; top: 30px; position: absolute; visibility: visible; }
#layer9 { height: 479px; width: 18px; left: 137px; top: 0; position: absolute; visibility: visible; }
.class { font-stretch: normal; font-variant: small-caps; text-transform: none; text-align: left; }
#layer4 { background-color: #036; height: 20px; width: 140px; left: 200px; top: 170px; position: absolute; visibility: visible; }
#layer3 { height: 50px; width: 260px; left: 200px; top: 220px; position: absolute; visibility: visible; }
#layer6 { height: 56px; width: 290px; left: 200px; top: 554px; position: absolute; visibility: visible; }
#layer7 { height: 379px; width: 286px; left: 522px; top: 241px; position: absolute; visibility: visible; }
#blueblock2 { background-color: #036; height: 20px; width: 800px; left: 8px; top: 620px; position: absolute; visibility: visible; }
--></style>
    </head>

    <body tracingopacity="19" tracingsrc="grafik/draw01.gif">
        <div id="top"></div>
        <div id="blueblock"></div>
        <div id="blueblock2">
            <div align="center">
                <font class="class" size="2" color="white" face="sans-serif, Georgia, Times New Roman, Times, serif">P.Lindberg Industri A/S • Industrivej 5 • DK 6630 Rødding • Tlf:. 74 84 12 34 • fax:. 74 84 26 10 • www.pl-i.dk</font></div>
        </div>
        <div style="position:relative;width:803px;height:600px;float:left;-adbe-g:m,5,5;">
            <div style="position:absolute;top:0px;left:0px;width:32px;height:32px;-adbe-c:c"></div>
        </div>
        <div id="layer1">
            <a href="index.html"><img src="grafik/logo.gif" alt="" height="82" width="149" border="0" /></a></div>
        <div id="layer2">
            <div id="layer5">
                                <font class="class" size="2" color="#003366" face="sans-serif, Georgia, Times New Roman, Times, serif"><a href="index.html">Forside</a></font>
                <p><font class="class" size="2" color="#003366" face="sans-serif, Georgia, Times New Roman, Times, serif"><a href="nyt.html">Seneste nyt</a></font></p>
                <p><font class="class" size="2" color="#003366" face="sans-serif, Georgia, Times New Roman, Times, serif"><a href="ompl.html">Om P. Lindberg</a></font></p>
                <p><font class="class" size="2" color="#003366" face="sans-serif, Georgia, Times New Roman, Times, serif"><a href="produkter.html">Produkter</a></font></p>
                <p><font class="class" size="2" color="#003366" face="sans-serif, Georgia, Times New Roman, Times, serif"><a href="maskin.html">Maskinpark</a></font></p>
                <p><font class="class" size="2" color="#003366" face="sans-serif, Georgia, Times New Roman, Times, serif"><a href="rustfri.html">Rustfri tanke</a></font></p>
                <p><font class="class" size="2" color="#003366" face="sans-serif, Georgia, Times New Roman, Times, serif"><a href="referencer.html">Referencer</a></font></p>
                <p><font class="class" size="2" color="#003366" face="sans-serif, Georgia, Times New Roman, Times, serif"><a href="kontakt.html">Kontakt</a></font></p>
                <p></p>
            </div>
            <div id="layer9">
                <img src="grafik/lodretstreg.gif" alt="" height="479" width="4" align="right" border="0" /></div>
        </div>
        <div id="layer4">
            <font class="class" size="2" color="white" face="sans-serif, Georgia, Times New Roman, Times, serif">  Rustfri tanke</font></div>
        <div id="layer3">
            <font size="1" face="sans-serif, Georgia, Times New Roman, Times, serif">Her kan du se mere information om vores rustfri tanke. Download vores tankbrochure her. </font></div>
        <div id="layer6">
            <font size="1" face="sans-serif, Georgia, Times New Roman, Times, serif">Du skal bruge Acrobat Reader til for at kunne se denne pdf-fil. Hvis du ikke har dette program installeret kan du hente det gratis <a href="http://www.adobe.dk/products/acrobat/readstep2.html" target="_blank">her</a></font></div>
        <div id="layer7">
            <img src="grafik/draw01.gif" alt="" height="379" width="286" border="0" /></div>
        <p></p>
    </body>

</html>
Avatar billede roenving Novice
20. oktober 2005 - 15:47 #3
Bemærk orden 'Resten af dit site' !-)

...

</head>
<body>
  <div id="site">

    Resten af dit site !-)

    <!-- Her indsætter du alt det, du ellers har indenfor body-tagget -->

  </div>
</body>
</html>

-- desuden tilretter du #site-reglen i stylesheetet til:

#site{width:800px;margin:0 auto;height:100%}
Avatar billede pla-net Nybegynder
25. oktober 2005 - 09:16 #4
Det fungerer stadig ikke :'(
Avatar billede roenving Novice
25. oktober 2005 - 14:13 #5
Prøv at linke til siden !-)
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