Problem med <div>

Jesper Karsrud · 11. mars 2004

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:

I Opera:

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 11. mars 2004 av Jibril2k

PT · 11. mars 2004

Jeg vet ikke om det er nødvendig å poste css'en også, så jeg gjorde ikke det

Post CSS'en også du

Marvil · 11. mars 2004

Bytt ut;

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

Med

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

Se om det funker..?

Jesper Karsrud · 11. mars 2004

Takk Marve!!!!!!! funka som bare det! :grin:

Marvil · 11. mars 2004

Takk Marve!!!!!!! funka som bare det!

/me is teh CSS-KNUG!!!!!!!!!!!

:cool: :laugh:

Jesper Karsrud · 11. mars 2004

MEN: Den ser fortsatt litt fucka ut i Opera... er mellomrom mellom meny, innhold og footer fortsatt

Marvil · 11. mars 2004

MEN: Den ser fortsatt litt fucka ut i Opera... er mellomrom mellom meny, innhold og footer fortsatt

Prøv med noe margin: 0; eller padding: 0; elns.. :dontgetit:

magikern · 11. mars 2004

<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 11. mars 2004 av magikern

Jesper Karsrud · 11. mars 2004

hva ******...har aldri skrevet det... det var veldig rart...

magikern · 11. mars 2004

hmm, ja nå er det ihvertfall retta på ser jeg, men til problemet ditt tror jeg nok tro at

margin: 0;

padding: 0;

er løsningen...

Endret 11. mars 2004 av magikern

Marvil · 11. mars 2004

hmm, ja nå er det ihvertfall retta på ser jeg, men til problemet ditt tror jeg nok tro at
margin: 0;

padding: 0;

er løsningen...

Som allerede sagt før..

Jesper Karsrud · 11. mars 2004

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

Arve Systad · 11. mars 2004

Sett i det minste menyen opp i ei liste, og bruk float: left; på <li>

magikern · 11. mars 2004

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?

Jesper Karsrud · 11. mars 2004

Nei, jeg har nok ikke det... men jeg har lagt ut på nettet, men den blir jo helt rar...

Link

Endret 11. mars 2004 av Jibril2k

Knebba · 11. mars 2004

i IE er det ingen mellomrom nå...

Jesper Karsrud · 11. mars 2004

Nei, jeg har fått fiksa det i IE, men i Opera er det fortsatt et irriterende mellomrom! :realmad: jeg har gitt opp for i dag... orker ikke å jobbe mer med det nå.. tar det etter helgen når jeg har blitt frisk igjen

Knebba · 11. mars 2004

hehe...

en ekte web-designer jobber til alt er perfekt

nei, vet ikke jeg

haugsand · 11. mars 2004

Prøv å legg til denne kodesnutten øverst i stilsettet ditt.

* {
margin: 0; 
padding: 0;
}

(Ja, den stjernen skal være med. Det er universalselektoren.)

Endret 11. mars 2004 av satyrium

PT · 11. mars 2004

(Ja, den stjernen skal være med. Det er universalselektoren.)

Da lærte jeg noe nytt (og nyttig) i dag også :w00t:

Endret 11. mars 2004 av PT

Logg inn

Problem med <div>

Anbefalte innlegg

Jesper Karsrud

Videoannonse

PT

Marvil

Jesper Karsrud

Marvil

Jesper Karsrud

Marvil

magikern

Jesper Karsrud

magikern

Marvil

Jesper Karsrud

Arve Systad

magikern

Jesper Karsrud

Knebba

Jesper Karsrud

Knebba

haugsand

PT

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer