Här är lite av min kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="sv">
<head>
<title>Galaxi Reklam</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
<div class="center">
\<!-- Sidhuvud --\>
\<div class="topbild"\> \</div\>
\<div class="lankar"\>
\<a class="menu" href="index.html"\>Förstasidan\</a\> \|
\<a class="menu" href="index.html"\>Företaget\</a\> \|
\<a class="menu" href="index.html"\>Katalogen\</a\> \|
\<a class="menu" href="index.html"\>Produkter\</a\>
\</div\>
\<!-- /Sidhuvud --\>
\<!-- Leftbox --\>
\<div class="leftbox"\>
\<!-- Navigera --\>
\<div class="hnavigation" style="letter-spacing: 4px; z-index: 1;"\>navigera:\</div\>
\<div class="navigation"\>
\<p\>\<strong\>Klicka på\</strong\> länkarna nedan för att navigera mellan de olika sidorna:\</p\>
\<p\>
\- Personal\<br/\>
\- Presentation\<br/\>
\- Miljöpolicy\<br/\>
\- Varför Galaxi?\<br/\>
\</p\>
\</div\>
\<!-- /Navigera --\>
\<!-- Adress --\>
\<div class="hadress" style="letter-spacing: 8px; z-index: 1;"\>adress:\</div\>
\<div class="adress"\>\<p\>
\<strong\>Galaxi Reklam AB\</strong\>\<br/\>
Baggåkersgatan 8\<br/\>
431 53 Mölndal\<br/\>
Tel: 031-706 38 50\<br/\>
Fax: 031-706 38 51\<br/\>
<promotion@galaxi.se>\<br/\>
\</p\>\</div\>
\<!-- /Adress --\>
\</div\>
\<!-- /Leftbox --\>
\<!-- Mainpage --\>
\<div class="mainpage"\>
\<p style="font-size: 13px;"\>\<strong\>Välkommen till Galaxi Reklam!\</strong\>\</p\>
\<p\>"Galaxi Reklam AB är ett av Göteborgs mer kända och erfarna företag inom presentreklam och profilkläder.\</p\>
\<p\>Vi finns i nya och fräscha lokaler på Baggåkersgatan 8, där vi har mer plats för utställning och produktvisning än tidigare.\</p\>
\<p\>Du är hjärtligt välkommen att se dig omkring och prata med vår kunniga personal!"\</p\>
\<p\>\<strong\>Läs mer om:\</strong\>\</p\>
\<p\>
\- Reklamartiklar i Göteborg\<br/\>
\- Presentreklam\<br/\>
\- Profilkläder och Textilreklam\<br/\>
\- Kampanjartiklar och t-shirt med tryck\<br/\>
\- Marketing Event\<br/\>
\</p\>
\<p\>\<img src="bilder/katalog2.jpg" alt="Nya katalogen är här!" align="right" /\>
\<strong\>Ny katalog ute nu!\</strong\>\</p\>
\<p\>Profilkläder och presentreklam!\</p\>
\<p\>Vår nya katalog är sprängfylld
med artiklar från välkända och beprövade leverantörer.\</p\>
\<p\>Hög kvalitet och god funktionalitet är kännetecknet.\</p\>
\<p\>
\- \<a href="bestall.html"\>Beställ katalogen ifrån hemsidan\</a\>\<br/\>
\- \<a href="pdf.html"\>Ladda ner katalogen i PDF-format\</a\>\<br/\>
\</p\>
\</p\>
\</div\>
\<!-- /Mainpage --\>
\<!-- Nyheter --\>
\<div class="news"\>
\<p\>\<span style="font-size:20px; "\>Nyheter\</span\>\<br/\>
\<img src="bilder/pixel.gif" width="250" height="1" alt="line"/\>\</p\>
\<p\>\<strong\>Öppet hus vecka 45!\</strong\>\<br/\>
\<em\>Datum: 2003-05-16\</em\>\</p\>
\<p\>Öppet hus Torsdag 2 Oktober kl:10:00 - 17:30
Anmälan vill vi ha senast måndagen 29 september.
Vi kommer att skicka ut ett nyhetsbrev om detta nu på torsdag\</p\>
\<p\>\<strong\>Till toppen\</strong\>\<br/\>
\<img src="bilder/pixel.gif" width="250" height="1" alt="line"/\>\</p\>
\<p\>\<strong\>Lägre kostnad för inträde i SBPR\</strong\>\<br/\>
\<em\>Datum: 2003-05-16\</em\>\</p\>
\<p\>Styrelsen har beslutat sänka registeringsavgiften för blivande SBPR-medlemmar
till enbart 2.500 kr - en kraftig sänkning från tidigare 10.000 kr. Därmed blir det billigare att
bli medlem - årskostnaden 10.000 kr är dock oförändrad.\</p\>
\<p\>Om du länge funderat på att bli medlem, men ännu inte slagit
till - NU är rätt tillfälle! Skriv till ordföranden Kenneth Ohlsson för
information och ansökningshandlingar.\</p\>
\<p\>\<strong\>Till toppen\</strong\>\<br/\>
\<img src="bilder/pixel.gif" width="250" height="1" alt="line"/\>\</p\>
\<p\>\<strong\>Öppet hus vecka 45!\</strong\>\<br/\>
\<em\>Datum: 2003-05-16\</em\>\</p\>
\<p\>Öppet hus Torsdag 2 Oktober kl:10:00 - 17:30
Anmälan vill vi ha senast måndagen 29 september.
Vi kommer att skicka ut ett nyhetsbrev om detta nu på torsdag\</p\>
\<p\>\<strong\>Till toppen\</strong\>\<br/\>
\<img src="bilder/pixel.gif" width="250" height="1" alt="line"/\>\</p\>
\</div\>
\<!-- /Nyheter --\>
</div>
</body>
</html>
Och här e CSS:n
html {
padding: 0px;
margin: 0px;
height: 100%;
}
body {
padding: 0px;
margin: 0px;
height: 100%;
background-color: #00678C;
color: #FFFFFF;
}
.center {
width: 760px;
height: 100%;
background-color: #FFFFFF;
margin: auto;
position: relative;
font-family: verdana;
font-size: 10px;
color: #000000;
}
a:link {color: black; text-decoration: underline;}
a:visited {color: black; text-decoration: underline;}
a:active {color: black; text-decoration: underline;}
a:hover {color: black; text-decoration: underline;}
/* Sidhuvud */
.topbild {
width: 760px;
height: 100px;
top: 0px;
left: 0px;
background-color: #005371;
color: #000000;
position: relative;
}
.lankar {
width: 760px;
height: 12px;
padding-top: 3px;
padding-bottom: 3px;
top: 0px;
left: 0px;
background-color: #0076A2;
color: #000000;
position: relative;
font-weight: bold;
font-family: verdana;
font-size: 10px;
color: #FFFFFF;
}
a.menu:link {color: white; text-decoration: none;}
a.menu:visited {color: white; text-decoration: none;}
a.menu:active {color: white; text-decoration: none;}
a.menu:hover {color: white; text-decoration: underline;}
/* Olika boxar */
.leftbox {
width: 160px;
height: auto;
position: absolute;
top: 160px;
left: 0px;
padding: 0px;
}
.hnavigation {
position: relative;
top: 0px;
left: 0px;
padding-left: 10px;
color: #A4BBC4;
font-family: verdana;
font-size: 18px;
}
.navigation {
width: 130px;
height: auto;
position: relative;
top: -4px;
left: 0px;
background-color: #ECF9FE;
border-right: 1px solid #A4BBC4;
border-top: 1px solid #A4BBC4;
border-bottom: 1px solid #A4BBC4;
padding: 10px;
font-family: verdana;
font-size: 10px;
color: #3F5D68;
}
.hadress {
position: relative;
top: 20px;
left: 0px;
padding-left: 10px;
color: #A4BBC4;
font-family: verdana;
font-size: 18px;
}
.adress {
width: 130px;
height: auto;
position: relative;
top: 16px;
left: 0px;
background-color: #ECF9FE;
border-right: 1px solid #A4BBC4;
border-top: 1px solid #A4BBC4;
border-bottom: 1px solid #A4BBC4;
padding: 10px;
font-family: verdana;
font-size: 10px;
color: #3F5D68;
}
.mainpage {
width: 240px;
height: auto;
position: absolute;
top: 160px;
left: 180px;
background-color: #FFFFFF;
font-family: verdana;
font-size: 10px;
color: #000000;
}
.news {
width: 250px;
height: auto;
padding-left: 25px;
position: absolute;
top: 160px;
left: 450px;
background-color: #FFFFFF;
border-left: 1px dashed #AAAAAA;
font-family: verdana;
font-size: 10px;
color: #000000;
}
Fan va mycket det var då.. Hm.
Här e sidan:
www.galaxi.se/test
Det alltså .center div:en som blir konstig när man scrollar nedåt.
