14 svar · 610 visningar · startad av stompes
#line{ background-color:#FFFF00; width:100%;}
#content{background-color:#FF00FF; width:1024px; margin-right:auto; margin-left:auto;}
Vill att den första diven ska täcka hela sidan på längden och att den andra diven ska flyta mot den övre och vara centrerad.
Funkar i IE men i Mozilla blir det ett mellan rum mellan dem..
Nån som har nått tips?
det borde ju vara det som är problemet. Finns det något annat sätt att centrera delar av sidan än att använda margin, för den verkar uppfattas olika av IE och Mozilla
text-align: Center; ... men har för mig att det är det man använder i IE...
vill centrera divtaggen men allt innehåll i den borde vara vänster ljustrerat
text-align säger väl att allt innehåll i diven ska centreras inte diven?
stompes: Så länge du har en DOCTYPE som triggar strict mode ska Mozilla och IE (6 och 7 dvs, före 6 fanns inte strict mode i IE) hantera margin och padding likadant.
du sätter text-align:center på den yttre och text-align:left på den innre. :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
stompes: Ja, då har du ju det...
Då är det troligen något annat som spökar på sidan, har du en URL eller kan du klistra in koden här?
HTML:::
<!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>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="/CSS/alcrostyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="top">
<p>header</p>
</div>
<div id="line">line</div>
<div id="content">
<div id="right"><p>right</p></div>
<div id="center"><p>center</p></div>
<div id="left"><p>left</p></div>
</div>
<div id="down">
<p>footer</p>
</div>
</body>
</html>
CSS:::
body {
text-align:center;
padding:0;
margin: 0; padding: 0;
background-color: #F2E3EE;
color: #000000;
}
#top{background-color:#C0C0C0; width:1024px;}
#line{ background-color:#FFFF00; width:100%;}
#content{background-color:#FF00FF; width:1024px;}
#right{ background-color:#00FF00;}
#center{ background-color:#C0C0C0;}
#left{ background-color:#0000FF;}
#down{background-color:#00FF00; width:1024px;}
Det som jag vill är att alla divar ska vara centrerade förutom line som ska fylla hela skärmen. Jag vill inte ha något mellan rum mellan divarna.
Och så ska jag försöka fixa så att de tre divarna i content ska vara i form av tre kolumner med nån ppixels mellan rum
"width: 600px;margin: 0 auto;" på diven du vill centrera
TJHOO!! det fungerade! :birp Tackar
fast det blir fortfarande ett mellanrum mellan div taggarna
* {margin:0;padding:0;}
