ich steh auf dem schlauch - css mittig

[tymoe]

Hallo zusammen,

irgendwie stehe ich gerade völlig auf dem schlauch.

ich hab ein css layout gebaut und will das mittig zentrieren,
das komplette layout.
ich hab wohl nen kleinen denkfehler drin und komme selbst nach mehrfachen suchen und lösungangeboten nicht auf den fehler:

hier der html teil:

<div id="center">
    <div id="seperator"> <img src="http://www.psd-tutorials.de/modules/Forum/images/seperator.jpg" width="134" height="533" alt="" /></div>
       <div id="head_left"> <img src="http://www.psd-tutorials.de/modules/Forum/images/head_links.jpg" width="64" height="111" alt="" /></div>
    <div id="head_right"> <img src="http://www.psd-tutorials.de/modules/Forum/images/head.jpg" width="602" height="111" alt="" /></div>
    <div id="textline"> <img src="http://www.psd-tutorials.de/modules/Forum/images/slogan.jpg" width="64" height="426" alt="" /></div>
    <div id="topnav">&nbsp;Navigation  </div>
       <div id="content_container">content here  </div>
    <div id="vertical"></div>
</div>

und das dazugehörige css:

body{
background-color:#FFFFFF;
text-align: center;
}

#center{
    margin: 0px auto ;
    width: 950px;
    text-align: left;
}


#seperator {
    position:absolute;
    left:64px;
    top:10px;
    width:134px;
    height:533px;
}


#head_left{
    position:absolute;
    left:0px;
    top:27px;
    width:64px;
    height:111px;
}

#head_right{
    position:absolute;
    left:198px;
    top:27px;
    width:602px;
    height:111px;
}

#textline{
    position:absolute;
    left:0px;
    top:138px;
    width:64px;
    height:426px;
}

#topnav{
    position:absolute;
    left:205px;
    top:138px;
    width:595px;
    height:37px;
    border-right: 1px dashed;
}
#content_container {
    position:absolute;
    left:205px;
    top:175px;
    width:595px;
    height:75%;
    border-right: 1px dashed;
    }

#vertical {
    position:absolute;
    left:64px;
    top:175px;
    width:134px;
    height:75%;
    background-image: url(images/navback.jpg);
    background-repeat:repeat-y;
    background-repeat:repeat;
    
}

wie gesagt, ich steh komplett auf dem schlauch.

wie bekomm ich die dinger alle in die mitte?

grüße
tymoe

 

[xxsiv]

AW: ich steh auf dem schlauch - css mittig

#center{
    width: 950px;
    margin: 15px auto;
}

text-align: center; kann ausn body raus

 

[toxictoon]

AW: ich steh auf dem schlauch - css mittig

mittig ausrichten:

bau einen container um deine ganzen boxen (hab mir den code jetzt nicht durchgelesen)

postition:absolute;
width:950px;
margin-left:-475px; /* hälfte der breite */
left:50%;


genau so könntest du theor. vertikal zentriert ausrichten...

 

[tymoe]

AW: ich steh auf dem schlauch - css mittig

muss dich enttäuchen, klappt nicht,
denke eher dass es an den positionen der einzelnen divs liegt,
aber wie gesagt, ich steh auf dem schlauch.

grüße
ty

 

[tymoe]

AW: ich steh auf dem schlauch - css mittig

der erste vorschlag funktionier nicht, bin gerade m 2. dran.
--
der funktioniert auch nicht,
irgendwie muss es wirklich an den positionen der anderen div container liegen.
vielleicht sollt ich das komplette modell mal umstricken......

grüße
ty

 

[toxictoon]

AW: ich steh auf dem schlauch - css mittig

body{
background-color:#FFFFFF;

}

#center{
position:absolute;
background:#00CCFF;
    margin-left:-475px;
    left:50%;
    height: auto;
    width: 950px;
    text-align:left;
 
}

#seperator {
    position:relative;
    left:64px;
    top:10px;
    width:134px;
    height:533px;
}


#head_left{
    position:relative;
    left:0px;
    top:27px;
    width:64px;
    height:111px;
}

#head_right{
    position:relative;
    left:198px;
    top:27px;
    width:602px;
    height:111px;
}

#textline{
    position:relative;
    left:0px;
    top:138px;
    width:64px;
    height:426px;
}

#topnav{
    position:relative;
    left:205px;
    top:138px;
    width:595px;
    height:37px;
    border-right: 1px dashed;
}
#content_container {
    position:absolute;
    left:205px;
    top:175px;
    width:595px;
    height:75%;
    border-right: 1px dashed;
    }

#vertical {
    position:relative;
    left:64px;
    top:175px;
    width:134px;
    height:75%;
    background-image: url(images/navback.jpg);
    background-repeat:repeat-y;
    background-repeat:repeat;
    
}

bittesehr

 

[tymoe]

AW: ich steh auf dem schlauch - css mittig

vielen dank für deine mühe,
jetzt ist zwar alles zentriert, aber das layout passt nichtmehr zusammen.

ich bin gerade dran das einfach mal umzufrickeln, denke das passt gkleich wie ichs will

hab die container zu seltsam geplant.

grüße
ty

 

[toxictoon]

AW: ich steh auf dem schlauch - css mittig

kuck mal hier...

Stichpunkt CSS: Layout ohne Tabellen
intensivstation :: CSS Templates :: Templates
Little Boxes

könnte dir vielleicht helfen

 

[tombeat]

AW: ich steh auf dem schlauch - css mittig

Wieso so kompliziert^^

#center {
    width: 950px;
    margin-left: auto;
    margin-right: auto; }

Funktioniert bei mir immer, und passt sich an die Bildschirmauflösung an

 

[stb_87]

AW: ich steh auf dem schlauch - css mittig

muss dich enttäuchen, klappt nicht,
denke eher dass es an den positionen der einzelnen divs liegt,
aber wie gesagt, ich steh auf dem schlauch.

grüße
ty

Häng vermutlich mit der absoluten Positionierung zusammen.

#center{
    width: 950px;
    margin: 15px auto;
}

Wieso so kompliziert^^

#center {
    width: 950px;
    margin-left: auto;
    margin-right: auto; }

Funktioniert bei mir immer, und passt sich an die Bildschirmauflösung an

Hmm... nicht kompliziert, sondern das selbe...

 

[cebito]

AW: ich steh auf dem schlauch - css mittig

vielen dank für deine mühe,
jetzt ist zwar alles zentriert, aber das layout passt nichtmehr zusammen.

ich bin gerade dran das einfach mal umzufrickeln, denke das passt gkleich wie ichs will

hab die container zu seltsam geplant.

grüße
ty

Das liegt dran, weil die divs relativ positioniert sind, da mußt ein haufen rechnen, bis das passt. Einfacher gehts andersrum container relativ und für body center, dann alle divs rein und absolut positionieren. Hab ich hier schon mal erklärt.

 

[Herr_D]

AW: ich steh auf dem schlauch - css mittig

Häng vermutlich mit der absoluten Positionierung zusammen.

Das ist genau das Problem...


außer Center ist alles absolut positioniert... die absoluten interessiert kein stück, ob du noch n mittiges center einbaust... festgeklebt ist festgeklebt



Zeig mal den Entwurf der Seite (inklusive Bilder) vielleicht finden die CSSNasen hier ja ne Lösung ohne absolute Positionierung...