Gå til innhold

hvorfor kommer ikke alt på innsiden?


Anbefalte innlegg

hvorfor kommer ikke alt på innsiden av #main ?

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 

<head>

<title> JT Media </title>

<meta name="author" content="jan tore sørensen">

<meta name="keywords" content="media, websites, webdesign, CMS, CSS, HTML, JavaScript">

<link rel="stylesheet" href="stylesheet.css" type="text/css">

</head>

 

<body>

 

<div id="main">

 

<div id="header"><img src="header.jpg">

</div>

 

<div id="meny">

 

 

 

</div>

 

<div id="news">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean vel est id est porttitor congue.

Proin justo ligula, gravida vitae, malesuada eget, tempus et, erat. Maecenas id felis. Aliquam erat volutpat.

Quisque molestie. Praesent et dui. Ut ullamcorper pretium ligula. Praesent libero purus, venenatis at, tempus quis, ultrices quis, ante.

Sed elit. Donec eget felis eu lectus gravida consectetuer. Proin eros dolor, ultricies vitae, tempor tincidunt, dictum ut, libero.

Nunc sit amet ante.

 

<p>Nunc a purus id dui imperdiet elementum.

Nam malesuada placerat eros. Vivamus volutpat magna eu enim.

Quisque consequat condimentum est. Etiam pretium faucibus risus.

Fusce tempor, sem vitae facilisis lacinia, orci justo porta arcu, nec lacinia turpis nisl vel libero.

Praesent ipsum nulla, feugiat sed, euismod eget, pharetra sed, erat. Mauris felis. Aenean nibh purus, mollis a, dignissim quis, lacinia in, metus.

Nulla nisl. Aenean at pede vulputate dui porttitor sodales. Vestibulum tortor. Aliquam nec nisl a est ultricies nonummy.

Praesent quis nisl in ante interdum sollicitudin. Curabitur ac dolor. Fusce eget orci. Pellentesque nonummy.

</div>

 

</div>

 

<body>

<html>

 

body {

background-color: #F0EEDD;

}

 

#main {

width: 900px;

background-color: #C9C8A9;

border: solid 1px;

margin: 0 auto;

}

 

#header {

width: 900px;

height: 160px;

}

 

#news {

width: 700px;

background-color: #C9C8B9;

float: right;

margin-right: 10px;

padding: 5px;

font-family: verdana;

font-size: 12px;

margin-top: 10px;

}

 

#meny {

width: 100px;

background-color: #C9C8B9;

padding: 2px;

float: lefT;

}

 

/Jan Tore

Lenke til kommentar
Videoannonse
Annonse

Hvis jeg bruker margin i stedet for float må jeg jo hele tiden passe på at meny diven ikke kommer utenfor main diven, og hvis nyhets diven kommer lavere enn meny diven vil dette skjer, derfor må jeg finne en måte som gjør at main diven også tar hensyn til meny diven også, noe den gjorde da jeg brukte float..

 

Vel .. Håper dere forstå :hmm:

 

/Jan Tore

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