Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „ich steh auf dem schlauch - css mittig“

tymoe

graphicdrunkie

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:

HTML:
<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:
Code:
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
 
Zuletzt bearbeitet:

xxsiv

Creative Director

AW: ich steh auf dem schlauch - css mittig

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

text-align: center; kann ausn body raus
 

toxictoon

Pixelpatriot

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

graphicdrunkie

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

graphicdrunkie

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
 
Zuletzt bearbeitet:

toxictoon

Pixelpatriot

AW: ich steh auf dem schlauch - css mittig

Code:
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

graphicdrunkie

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
 

tombeat

Filter Vergewalitger >)

AW: ich steh auf dem schlauch - css mittig

Wieso so kompliziert^^

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

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

stb_87

Web-Sheriff - ohne Bild

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.


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

Wieso so kompliziert^^

Code:
#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

undefined

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

offline

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...
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.881
Mitglieder
67.226
Neuestes Mitglied
Alec168
Oben