Error i css script

erlnico · 31. mars 2006

Hei, Eg har programmert ei side med css script, men det ser ut til å være ein eller fleire feil i scriptet.

Kan noen hjelpe meg??

Du finner heimesiden på

Her er koden min for index.php

<!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=iso-8859-1" />
<title>Untitled Document</title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<div id="header"><img src="gfx/overskrift.gif" alt="Header" /></div>

<div id="mainContent">
<div id="navigation">  
<img src="gfx/main_menu.gif" alt="main_menu" />
   <ul>
   <li>Home</li>
   <li>Guestbook</li>
   <li>Forum</li>
   <li>Downloads</li>
   <li>Links</li>
   <li>Contact</li>
 </ul>
<img src="gfx/downloads.gif" alt="downloads" />  
 </div>
   <div id="right">
     <img src="gfx/poll.gif" alt="poll" />
   </div>
 
 <div id="mainBody">
 
   

<p>
<a href="http://jigsaw.w3.org/css-validator/">
 <img style="border:0;width:88px;height:31px"
      src="http://jigsaw.w3.org/css-validator/images/vcss" 
      alt="Valid CSS!" />
</a>
</p>
 </div>
</div>
<div id="footer"><img src="gfx/bottom.gif" alt="Bottom" /></div>
</div>
</body>
</html>

og for css

#container {
padding: 0px;
width: 1024px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
body {
background-color: #000000;
margin: 0px;
padding: 0px;
}
#navigation {
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 30px;
}

#right {
float: right;
padding: 0px;
margin-top: 0px;
margin-right: 40px;
margin-bottom: 0px;
margin-left: 0px;
clear: none;
}


#mainBody {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 170px;
float: none;
background-color: #FFFFFF;
}
#mainBody p {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 1.2em;
padding-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}



#header {
margin: 0px;
padding: 0px;
width: 1000px;
}

#footer {
margin: 0px;
padding: 0px;
width: 1000px;
}
#mainContent {
background-image: url(gfx/background.gif);
background-repeat: repeat-y;
background-position: center top;
padding: 0px;
width: 1000px;
margin: 0px;
}
#navigation ul {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}

Endret 31. mars 2006 av fistersn

Arne · 31. mars 2006

Ein god start kan jo vere å forteje korleis du vil den skal vere.

erlnico · 31. mars 2006

Som dere kan si på sida mi, så vil eg at det grå feltet skal gå helt ned til bunn på venstre og høgre side. I tillegg så skal det være kvit farge i midtfeltet...

Noe som det ikkje er nå

qualbeen · 2. april 2006

har ikke tittet så nøye på css'en din, men hva med å legge inn følgende helt øverst i css-dokumentet

*{
   margin:0;
   padding:0;
}

Edit: så nå at du har spesifisert det meste av margin/padding. Tviler derfor på at mitt svar vil hjelpe :/

Endret 2. april 2006 av qualbeen

funkweb · 2. april 2006

Du har nå 2 doctyper, enkelte steder har du dobbel av <html><head> ovs.. rens koden din.

Logg inn

Error i css script

Anbefalte innlegg

erlnico

Lenke til kommentar

Videoannonse

Arne

Lenke til kommentar

erlnico

Lenke til kommentar

qualbeen

Lenke til kommentar

funkweb

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer