Zentrierung

[IneBine]

Hallo zusammen,
bin gerade vergeblichst dabei, meine Site in die Mitte zu rücken. Keine Ahnung, was schief läuft. Hab schon alles versucht.
Ich stell bei body text align center ein, und bei ie rückts mir alles in die rechte obere ecke !?

weiß nicht, ob ihr so mein stylesheet und index sehen könnt.



bitte um Hilfe.

 

[Triggertrix]

AW: Zentrierung

Ist nicht gerade mein Fachgebiet, weiss aber das sich IE in vielen Fällen unberechenbar verhält, versuch mal einen anderen Browser und schau mal ob das ggf schon das Problem löst. Soweit ich weiss, ist "align center" soweit korrekt.

 

[IneBine]

AW: Zentrierung

thx.
mit firefox stellts mirs nicht zentriert! sondern links oben

 

[konishkichen]

AW: Zentrierung

Dein FTP-Server bringt uns nicht weiter. Bitte poste den Link zu deiner Homepage.

Versuche mal bei body: margin: 0 auto;

 

[IneBine]

AW: Zentrierung

ich habs noch nicht online gestellt!
mhhh.. wie mach ich das jetzt am Besten?
menno...immer diese Möchte-gern-Webdesigner
-sorry an alle Profis

 

[konishkichen]

AW: Zentrierung

Ich hab doch oben geschrieben, was du in der CSS unter body schreiben sollst, damit es funktionieren müsste.

Und wozu der Link oben, wenn du sie noch gar nicht online hast?

 

[Bobbes]

AW: Zentrierung

#test { text-align:center; }
#test2 { margin:auto; width:0px; height:0px; text-align:left; }

width und height die px zahl deiner gesamten seite angeben und alles an kram deiner seite in die divs hauen...müsste klappen =)

 

[IneBine]

AW: Zentrierung

mit margin funktioniert es nicht. habs natürlich probiert.
Ich hätt das stylesheet gern auf den server gestellt, dass ihr euch das runterladen könnt.
aber ich werd die site hoffentlich heute noch on stellen.

 

[Tattoomaus78]

AW: Zentrierung

Ich hab doch oben geschrieben, was du in der CSS unter body schreiben sollst, damit es funktionieren müsste.

völliger Schwachsinn...was soll das im body?

@IneBine

Lesen!!!!


ansonsten werden Webseiten zentriert indem man um sämlichte divs noch einen extra Container legt...idR "wrapper" (wie du den nennst ist aber völlig schnuppe)

#wrapper {
margin: 0 auto;
width: .....px; /*Breite deines Layouts*/

 

[MyBad]

AW: Zentrierung

Poste doch einfach mal deinen HTML-Quelltext und den Inhalt deiner CSS. Dann kann man dir bestimmt helfen.

 

[IneBine]

AW: Zentrierung

@charset "utf-8";
/* CSS Document */

#wrap {
 height: 560px;
 width: 900px;
 position: absolute;
 background-image: url(PIX/Hintergrund_Homepage_figarouno_112009.jpg);
 margin: 0px auto;
 padding: 0px;
 background-position: center;
 text-align:center;
}
 
#Logobox {
 height: 90px;
 width: 890px;
 position: absolute;
 left: 0px;
 top: 0px;
 right: 0px;
 bottom: auto;
 padding: 5px;
}
#navibox {
 border: thin none #ae3735;
 height: 20px;
 width: 850px;
 position: absolute;
 left: 50px;
 top: 100px;
 bottom: auto;
 right: auto;
 padding: 0px;
 margin: 0px;
 background-image: url(PIX/Hintergrund_Navi.png);
 float:left;
}
#unternavi {
 padding: 5px;
 height: 390px;
 width: 90px;
 left: 48px;
 top: 152px;
 right: 0px;
 bottom: auto;
 position: absolute;
 background-image: url(PIX/figarouno--Unternavi.png);
 text-align: left;
}
#content {
 height: 390px;
 width: 660px;
 position: absolute;
 left: 150px;
 top: 151px;
 right: auto;
 bottom: auto;
 background-image: url(PIX/Hintergrund_Content.png);
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 40px;
 text-align:center;
 
 
}
#footer {
 height: 10px;
 width: 702px;
 position: absolute;
 left: 152px;
 top: 549px;
 right: auto;
 bottom: 30px;
 font-family: "AvantGarde Bk BT", Verdana;
 font-size: 10px;
 color: #000;
 text-align: right;
}
#footer a:link {
 font-family: "AvantGarde Bk BT", Verdana;
 font-size: 10px;
 color: #000;
 text-decoration: none;
}
#footer a:visited {
 font-family: "AvantGarde Bk BT", Verdana;
 color: #000;
 text-decoration: none;
}
#content a:link {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000;
 text-decoration: none;
}
#content a:hover {
 font-family: "AvantGarde Bk BT", Verdana;
 text-transform: lowercase;
 color: #000;
 text-decoration: none;
}
#content a:visited {
 font-family: "AvantGarde Bk BT", Verdana;
 color: #000;
 text-decoration: none;
}
#unternavi a:link {
 font-family: "AvantGarde Bk BT", Verdana;
 color: #656565;
 text-decoration: none;
}
#unternavi a:hover {
 font-family: "AvantGarde Bk BT", Verdana;
 color: #AE3735;
 text-transform: lowercase;
}
#unternavi a:visited {
 font-family: "AvantGarde Bk BT", Verdana;
 color: #656565;
 text-decoration: none;
}
h5 {
 font-family: "AvantGarde Bk BT", Verdana;
 font-size: 12px;
 text-transform: uppercase;
 color: #ae3735;
}

h4 {
 font-family: "AvantGarde Bk BT", Verdana;
 font-size: 10px;
 color: #000;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000;
 list-style-position: outside;
 list-style-type: lower-roman;
 font-weight: normal;
 margin: 0 auto;
}

h1 {
 font-family: "AvantGarde Bk BT", Verdana;
 font-size: 14px;
 color: #ae3735;
 font-weight: bolder;
 text-transform: uppercase;
 text-decoration: underline;
 text-align: left;
}
#Punktebox {
 margin: 0px;
 padding: 0px;
 height: 140px;
 width: 35px;
 position: absolute;
 left: -1px;
 top: 259px;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
}
.table_underline {
 border-bottom-width: thin;
 border-bottom-style: inset;
 border-bottom-color: #ae3735;
}
.center {
 text-align: center;
}
#gaestebuch {
 width: 800px;
 height: 350px;
 position: absolute;
 left: 100px;
 top: 120px;
}

h2 {
 font-family: "AvantGarde Bk BT", Verdana;
 font-size: 12px;
 font-style: normal;
 text-transform: none;
 color: #ae3735;
 text-decoration: none;
 font-variant: normal;
 font-weight: bold;
 text-align: left;
}
h3 {
 font-family: "AvantGarde Bk BT", Verdana;
 font-size: 12px;
 text-transform: uppercase;
 color: #656565;
}
* html #content {width: 660px; height:390px;}

so, danke für den link. werd ich mir aufmerksam durchlesen! Sorry. ist mein erster beitrag... voller verzweiflung..

hier nun mein stylesheet

 

[Tattoomaus78]

AW: Zentrierung

dein html-gerüst fehlt noch

ansonsten lösch mal position: absolute aus dem wrap

 

[konishkichen]

AW: Zentrierung

völliger Schwachsinn...was soll das im body?

@IneBine

Lesen!!!!


ansonsten werden Webseiten zentriert indem man um sämlichte divs noch einen extra Container legt...idR "wrapper" (wie du den nennst ist aber völlig schnuppe)

#wrapper {
margin: 0 auto;
width: .....px; /*Breite deines Layouts*/

Sorry, ich nehm's zurück! Da ich's nicht im Kopf hatte, hab ich bei meinem Layout nachgesehen und bin in der Zeile verrutscht.... *schäm*

 

[cijay]

AW: Zentrierung

Hallo IneBine,

wenn ich eine Site erstelle, starte ich mit folgenden Einträgen im css:

/*
------------------------------------------------------------------------
Projekt: Dein Projekt
Start: Datum 2009
Letzte Aenderung: Datum 2009
Autor: Das bist dann wohl Du
Medium: Screen
------------------------------------------------------------------------
*/


* {
margin:0px;
padding:0px;
}

body {
margin: 0;
padding: 0;
color: #Deine Farbe;
text-align: left;
font-family: Deine Schrift;
font-size: 76%;
line-height: 120%;
background-color: #Deine Farbe;
}

#container {
width: Deine Breite;
margin: 0 auto;
background-color: #DeineFarbe;
}

Damit steht Deine Seite mittig zum Bildschirm.

Beste Grüße
CiJay..

 

[highjanni]

AW: Zentrierung

ich hab mir das nicht so ganz genau angesehen.
mir ist nur aufgefalle.............warum ist dein wrap "position: absolute;" und dann noch "margin: 0 auto;"???
wenn du zentriert positionieren willst sollte doch "margin: 0 auto;" vollig ausreichen.