layout zentrieren

helterskelter · 26.08.2009

AW: layout zentrieren

mist, funzt doch net..der div is drin, verändert sich auch, wenn ich seine breite etc verändere, aber es wird net zentriert.
*den link hab ich scho gesehn*

Dennis Kovarik · 26.08.2009

AW: layout zentrieren

sagte ich doch.

jetzt gibts 2 dinge, dein problem und eine mögliche lösung

was du daraus machst, deine sache...

vllt schaust dir auch mal den link von sokie an.

viel spaß noch!

helterskelter · 28.08.2009

AW: layout zentrieren

also ich hab jetzt viele beiträge gelesen, einiges ausprobiert, und das problem besteht weiterhin, der ´wrapper div´zentriert sich net im browserfenster.
hab jetzt eine testseite gemacht, um das problem dingfest zu machen. :rolleyes:

(Monitoraufl.: 1680x1050, Design im DW auf standartgröße 1024x768 voreingestellt)
der code / CSS:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>center</title>
<link href="css/center.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="grün"></div>
<div id="rot"></div>
<div id="wrapper"></div>
</body>
</html>

@charset "utf-8";

#rot {
position:absolute;
left:435px;
top:131px;
width:270px;
height:201px;
z-index:3;
background-color: #CC0000;
}
#grün {
position:absolute;
left:249px;
top:131px;
width:186px;
height:202px;
z-index:2;
background-color: #00FF66;
}
#wrapper {
margin-left: auto;
margin-right: auto;
position:relative;
width:800px;
height:349px;
z-index:1;

}

grüße

limubai81 · 28.08.2009

AW: layout zentrieren

<body>
<div id="wrapper">
<div id="grün"></div>
<div id="rot"></div>
</div>
</body>

so sollte es funzen
der wrapper umschliesst den kompletten content der seite

cebito · 28.08.2009

AW: layout zentrieren

Schon mal so probiert?

HTML:

<div id="wrapper">
    <div id="grün"></div>
    <div id="rot"></div>
</div>

Edit: und mal die css ein wenig angepasst...

Code:

#rot {
position:absolute;
left:186px;
top:131px;
width:270px;
height:201px;
z-index:3;
background-color: #CC0000;
}
#grün {
position:absolute;
left:0;
top:131px;
width:186px;
height:202px;
z-index:2;
background-color: #00FF66;
}
#wrapper {
margin-left: auto;
margin-right: auto;
position:relative;
width:456px;
height:349px;
z-index:1;

helterskelter · 28.08.2009

AW: layout zentrieren

ja, das sieht schon besser aus

..noch bissla anpassen..mal sehn..

danke