Gå til innhold

Problem med <div>

Jesper Karsrud

Anbefalte innlegg

Jesper Karsrud

Jesper Karsrud

Skrevet
Skrevet (endret)

Jeg lager en side som er kodet i div's, men det kommer mellomrom der det ikke skal være det :(

 

I IE ser det slik ut:

 

feil.gif

 

I Opera:

 

feil2.gif

 

Koden:

 

<html>
<head>
<title>:JiBril:</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="body">
<div id="motherdiv">
<div id="header">
<img src="images/header2.gif" alt="">
</div>
<div id="menu">
<a href="index.html">Hjem</a> <a href="me.html">Meg</a> <a href="pics.html">Bilder</a>
</div>
<div id="main">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ipsum mi, fringilla ut, faucibus in, pellentesque eget, mauris. Aenean facilisis. Vestibulum nec lectus nec massa interdum semper. Mauris pellentesque risus et justo. Nullam tempus nunc id dolor. Sed vitae purus sed nisl vehicula dapibus. Curabitur a felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla dapibus tempor lacus. Suspendisse vehicula ornare magna. Sed convallis massa vel tortor. Donec in est sed sem scelerisque convallis. Etiam sed justo. Fusce porta. Nunc quis leo. Curabitur tempus tempor eros. Ut massa. Suspendisse in lorem.

</p>
</div>
<div id="footer">
JiBril © 2004
</div>

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

 

Hmm... ser litt rart ut dette innlegget her... men men...

 

Et enkelt (og stygt) design jeg har brukt, men det er bare for å lære meg div... Lager nok et nytt et når jeg har fått til dette :)

 

Edit: CSS'en:

div#body {
background-color: #FFFFFF;
font-weight: normal;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

a {
text-decoration: none;
color: #000000;
font-size: 13px;
line-height: 14px;
font-weight: normal;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
text-decoration: underline;
color: #FF0000;
font-size: 13px;
line-height: 14px;
font-weight: normal;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

div#motherdiv {
width: 650px;
margin: 0 auto;
border: 1px solid #FF0000;
}

img {
border: 0px;
}

div#header {
width: 650px;
height: 121px;
}

div#menu {
background-color: #008500;    
width: 650px;
height: 19px;
text-align: center;
word-spacing: 25px;
}

div#main {
background-color: #B9FFB9;
text-align: left;
color: #000000;
text-decoration: none;
font-size: 13px;
width: 650px;
font-weight: normal;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

div#footer {
background-color: #008500;
width: 650px;
text-align: center;
color: #000000;
font-size: 13px;
}

Endret av Jibril2k
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
magikern

magikern

Skrevet
Skrevet (endret) 
<img src="images/header2.gif" alt="</span>">
<<span style='color:blue'>/div>

har litt problemer med å forstå hva du har tenkt når du skrev dette?

 

er det bare "leif" når du skrev det her eller står det sånn i koden på sia di?

Endret av magikern
Lenke til kommentar
magikern

magikern

Skrevet
Skrevet
Nei, det er nok ikke løsningen... funker ikke i det hele tatt :(

har du prøvd å skrive

 

html,body {

margin: 0;

padding: 0;

}

 

øverst i css fila?

 

har du prøvd å sette

 

margin: 0;

padding: 0;

 

på ALLE elementer som det IKKE skal være luft utafor?

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å
Gå til emneliste
×
×
  • Opprett ny...