Problemer med DIV ved siden av hverandre

Scoopex · 9. mars 2008

Heisann jeg har en siden som følgende:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test side</title>

</head>
<link rel="stylesheet" type="text/css" href="style.css"  />
<body>
<div id="main">
<div id="head">Overskrift</div>
<div id="sidebarl">Menu 1</div>
<div id="sidebarr">Menu 2</div>
<div id="content">Innhold</div>
<div id="copyright">Copyright</div>
</div>
</body>
</html>

Med tilhørende CSS:

/* Grunn oppsett */
body  {
font: 100% Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
/* Linker */
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #999999;
}
a:active {
text-decoration: none;
color: #000000;
}
/* Bokser (divs) */
#main { 
width: 50%;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
#head {
text-align: left;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
#sidebarl { 
float: left;
width: 18%;
background: #FFFFFF;
margin-right: 10px;
margin-left: 10px;
}
#content {
width: 60%;
background: #FFFFFF;
margin: 0 20% 0 20%;
position:inherit;
}
#sidebarr {
float: right;
width: 18%;
background: #FFFFFF;
margin-right: 10px;
margin-left: 10px;
}
#copyright {
text-align: left;
font-size:10px;
font-style:italic;
color:#666666
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;

Problemet med dette er at alt som blir skrevet i "innhold" (#content) kommed nedenfor / under "menu1" (#sidebarl) og "menu2" (#sidebarr). Hvorfor?

Endret 9. mars 2008 av Scoopex

Garanti · 9. mars 2008

Hva er problemet? Siden vises fint her med IE og FF. Du har forresten glemt <html>-tag'en i html-filen og siste klamme til #copyright i CSS-dokumentet.

Endret 9. mars 2008 av Garanti

Scoopex · 10. mars 2008

Hva er problemet? Siden vises fint her med IE og FF. Du har forresten glemt <html>-tag'en i html-filen og siste klamme til #copyright i CSS-dokumentet.

hmm, ble under i min IE. Kanskje jeg må laste ned ny..

Takk for hjelpen med testing hvertfall..

Så det med HTML og klammer i css men ble nok bare ikke med i kopieringa

Endret 10. mars 2008 av Scoopex

Fløffi · 10. mars 2008

å laste ned ny hjelper jo ikke de som bruker ie6

Definer marger og vidder med !include for fx og ie7, og uten for ie6. Når en boks legger seg under den andre er en av dem for brede slik at de begge ikke får plass. Da hjelper det jo å gjøre en av dem smalere så må du teste i mange browsere, slik at det ikke ser rompe ut i feks firefox. Det hjelper ofte å sette border rundt div-bokser, slik at du ser hvor de er (border:1px solid black;)

Du har forresten glemt en } etter copyright-bolken.

Logg inn

Problemer med DIV ved siden av hverandre

Anbefalte innlegg

Scoopex

Lenke til kommentar

Videoannonse

Garanti

Lenke til kommentar

Scoopex

Lenke til kommentar

Fløffi

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer