Gå til innhold

innhold går under meny, ikke ved siden av meny?!?!

Joachricar

Av Joachricar
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
Joachricar

Joachricar

Skrevet
  • Forfatter
Skrevet

lager en side der jeg skal ha meny til høyre og

innholdet til venstre for menyen...

Men innhold flytter seg unde menyen...

 

Noen som finner noe feil??

 

<html>
<head>
 <title>Forsiden</title>
 <link rel="stylesheet" href="Stil.css">
</head>
<body>
 <div id="header">
 </div>
 
 <div id="innhold">
 <div id="meny">
 </div>
 
 <div id="midten">
 </div>
 </div>
 
 <div id="fot">
 </div>
</body>
</html>

 

 

div#header {
margin-top: 10px;
width: 900px;
height: 300px;
background-image: url("header.jpg");
border: solid 1px;
}

div#innhold {
}

div#meny {
margin-top: 10px;
width: 300px;
height: 400px;
background-color: #92be0f;
border: solid 1px;
}

div#midten {
width: 590px;
height: 400px;
border: solid 1px;
background-color: #fbfaff;
}

 

takker for alle svar :)

Lenke til kommentar
lefsaker

lefsaker

Skrevet
Skrevet

Ved å bytte ut

div#meny {
margin-top: 10px;
width: 300px;
height: 400px;
background-color: #92be0f;
border: solid 1px;
}

 

med

div#meny {
float: right;
margin-top: 10px;
width: 300px;
height: 400px;
background-color: #92be0f;
border: solid 1px;
}

 

Så kommer den helt til høyre, men det er litt for langt tror jeg

Lenke til kommentar
Asterisk

Asterisk

Skrevet
Skrevet

Hei!

 

Du må angis vidde i innhold til 900px. Og i meny setter du float: right; og i midten setter du float: left;

 

Hvis du ikke angir vidde i innhold vil alle elementer vises hierarkisk etter den rekkefølgen du skriver dem i html dokumentet.

 

Du kan også angi en verdi for margin og padding. Les om disse to.

Lenke til kommentar
Joachricar

Joachricar

Skrevet
  • Forfatter
Skrevet
Hei!

 

Du må angis vidde i innhold til 900px. Og i meny setter du float: right; og i midten setter du float: left;

 

Hvis du ikke angir vidde i innhold vil alle elementer vises hierarkisk etter den rekkefølgen du skriver dem i html dokumentet.

 

Du kan også angi en verdi for margin og padding. Les om disse to.

6822735[/snapback]

 

div#innhold brukte jeg ikke før men det funket ikke da heller.

mener jeg har klart det før, uten den ekstra div'en

Lenke til kommentar
Asterisk

Asterisk

Skrevet
Skrevet

Om du ikke angir vidde til et element som skal skal omslutte to andre elementer til større en disse to til sammen, vil du ikke klare å plassere dem ved siden av hverandre. Og husk float!

 

Du kan prøve denne koden:

 

div#innhold {

margin: 0px;

padding: 0px;

width: 900px;

}

 

div#meny {

margin-top: 10px;

width: 300px;

height: 400px;

background-color: #92be0f;

border: solid 1px;

margin: 0px;

padding: 0px;

float: right;

}

 

div#midten {

width: 590px;

height: 400px;

border: solid 1px;

background-color: #fbfaff;

margin: 0px;

padding: 0px;

float: left;

}

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...