Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
AbonnerSkjul
Host1.no - Webhotell fra 29,-, virtuell server fra 249,-. 15% rabatt med rabattkode "nFF". Besøk oss på Host1.no!
  1 560
vell
vell's Avatar
551 0
29. november 2005
Lurte litt på en grei måte å lage en sentrert side med to kolonner, en for "innhold" og en sidebar.

Helt standard trodde jeg, og fyrte opp en container div (width: 700px) med en content div og en sidebar div inni (begge med float: left). Det ser greit ut i IE, men ikke Firefox, og motsatt når eg fikser litt på størrelsene. Tror egentlig eg bare gir opp strukturen som den er nå, og spør etter den beste/en god måte å gjøre dette på.
elodin
master namer
elodin's Avatar
1.185 387
29. november 2005
En med float: right og en med float: left?


HTML:

Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>
	<title></title>
	<link rel="stylesheet" type="text/css" href="stilark.css" />
</head>


	<body>
	
        <div id="wrapper">
        
            <div id="en">
            </div>
            
            <div id="to">
            </div>
        </div>
    
    </body>
    
</html>
CSS:

Kode

#wrapper {
margin: auto;
width: 700px;
height: 500px;
}

#en {
float: left;
width: 200px;
height: 500px;
background-color: #445566;
}

#to {
float: right;
width: 500px;
height: 500px;
background-color: #665544;
}
Da ser det ca. slik ut:
www.helkanaur.net/div/test.html

Eller misforsto jeg?