Willkommen auf dem Portal für Mediengestalter

sarah7383 · Threadersteller

hab gerade mit css angefangen und steh jetzt vor folgendem problem:

ich möchte meiner seite durch eine div-box eine bestimmte breite zuweisen und links und rechts jeweils noch einen schmalen streifen legen, so dass diese div-box immer mittig in meinem browserfenster steht. sieht folgendermaßen aus:

<body>
<div id="mitte"></div>
<div id="links"></div>
<div id="rechts"></div>

css:

body {background-color:#ffffff;position:absolute;margin-left:10px;margin-right:10px;}

#mitte {width:800px;height:600px;background-color:#ffcc33;}

#rechts {float:right;width:30px;background-color:#ffffff;}

#links {float:left;width:30px;background-color:#ffffff;}

kann mir jemand sagen, was ich falsch mache? kann den fehler nicht finden...

danke, sarah

cyanamide · Moderator

mal die suche benutzt? * Ööhm... ja? *

way2hot · **Verfasst** Mi 01.02.2006 10:58 **Titel**

Mac · **Verfasst** Mi 01.02.2006 11:00 **Titel**

heute wieder alle 'très charmant' ?

sarah7383 · Threadersteller

wenn ich wüsste, wie dieses problem benannt ist, könnte ich dies auch durchaus tun, da habt ihr recht.....

cyanamide · Moderator

s. ähnliche themen, da wird ggf schon geholfen Lächel

mtk · **Verfasst** Mi 01.02.2006 11:39 **Titel**

benutz für deine marginangaben prozente und keine pixel.
die größe definierst weiterhin mit pixeln.

da du drei div´s nebeneinander hast emphielt sich eigentlich der float-tag,

und du damit du im css-dschungel überlebst: http://de.selfhtml.org/css/index.htm

so,den rest musste selber machen, da bekommst du schneller das verständis wie sich was wie verhält. geht mir genauso, bin auch (relativer neueinsteiger) hab aber mit was etwas schwierigerem anfangen müssen und das war genau richtig!

mfg mtk * Ja, ja, ja... *

DevEdge · **Verfasst** Fr 03.02.2006 10:36 **Titel**

Um auch ältere Browser zu erreichen und deinen Content immer mittig zu bekommen, könntest du eine weitere Variante ausprobieren, somit sparst du dir deine Div#s für links und rechts.

#wrapper {
width:800px;
height:600px;
background:#fc3;
position:relative;
left:50%;
margin-left:-400px;
}

#main {
height:600px;
margin:0 30px;
background:#089;
}

<div id="wrapper">
<div id="main">lorem ipsum</div>
</div>

Für sämtliche feste Werte kannst du natürlich auch em oder % verwenden, was die ganze Sache noch etwas flexibler machen würde. Konnte dir hoffentlich etwas weiterhelfen, so fern die Suche nicht schon erfolgreich war ;o) Viel Spass, aber natürlich auch Erfolg mit CSS

Willkommen auf dem Portal für Mediengestalter

Thema: div-box mittig ausrichten vom 01.02.2006

div-box mittig ausrichten