Gå til innhold

Error i css script


Anbefalte innlegg

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å

 

http://erlendsn.com/bfme2thirdage/

 

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 av fistersn
Lenke til kommentar
Videoannonse
Annonse

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 av qualbeen
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...