4 svar · 391 visningar · startad av Qonny
Är ganska färsk när det gäller css, så ni behöver inte hänga mig högt för det! :p
Mitt problem är att jag vill ha 3 boxar horisontellt exempelvis i storlek 200x500x200px det liksom vägrar att funka får den bara vertikallt. Så nu är frågan går det inte att ha det på horisonten? Har suttit och försökt få det rätt i två dagar nu! :bla
(Tanken är att sidoboxarna ska vara typ bannersplatser åt swf. filer och mitten boxen ska vara typ main)
Typ såhär?
sida.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Min sida</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="lsidecol"><br />
<h4 align="center">Vänster</h4>
</div>
<div id="centercol">
<h3 align="center">Mitten</h3>
</div>
<div id="rsidecol"><br />
<h4 align="center">Höger</h4>
</div>
</body>
</html>
styles.css
body{
margin: 0px;
padding:0;
background: #808080; color: #333333;
}
#lsidecol{
position: absolute;
top: 20px;
left: 20px;
width: 180px;
background: #c0c0c0;
color: #333333;
margin: 0px;
padding: 0px;
height: 400px;
}
#rsidecol{
position: absolute;
top: 20px;
right: 20px;
width: 180px;
background: #c0c0c0;
color: #333333;
margin: 0px;
padding: 0px;
height: 400px;
}
#centercol{
position: relative;
margin: 20px 220px 20px 220px;
background: #ffffff;
color: #333333;
padding: 20px;
z-index: 13;
}
Tack för det! Märker visst att man har mycket kvar att lära! :stud ? En liten följdfråga nu: Kan man få boxarna låsta så att dom inte går in i varandra när man minimerar fönstret?
Jag kanske kan få låna den här tråden lite? Hoppas du inte har alldeles för mycket emot det, Qonny.
Om man ska ha sådär, tre (eller två) kolumner, fast inte så att de är som sidoboxar, utan att man vill dela upp main i två kolumner. Hur gör man då? Jag får det inte att fungera... jag är inte så haj på positionering och grejer, som float och sånt.
Men jag skulle behöva dela upp main (frames) i en header och två kolumner. Har tagit över sidan från en f.d. webmaster och tänkte fixa till det lite för jag vill inte använda tabeller som det var innan.
tackar