Webseiten zentrieren

denali50 · 11.04.2012

Hallo

Ich habe auf meiner Webseite ein Problem mit dem zentrieren. Klebt alles am linken Rand. Habe mich schon durch x-Foren gelesen, aber es klappt einfach nicht mit dem zentrieren! Ich wäre sehr dankbar wenn mal jemand meinen Code anschauen könnte und mir genau erklären oder noch besser die Änderung gleich anhand vom Code zeigen könnte! Bin Anfänger und beherrsche nur meine Kamera

Erstellt habe ich die Webseite mit SharePointDesigner.....und natürlich mit Tabellen :-( Gibt es eine Möglichkeit ohne grossen Umbau die Seite zu zentrieren? Ich wäre wirklich sehr dankbar!

http:www.belchen-schweiz.ch

Quabbe · 11.04.2012

AW: Webseiten zentrieren

Keine schöne Methode, aber damit sollte es klappen:

Code:

<body>

[color=royalblue]<div style="width:???px, margin:0 auto;">[/color]

INHALT

[color=royalblue]</div>[/color]

</body>

Den DIV zwischen body und Inhalt quetschen und bei width die gewünschte Breite angeben.

Ansonsten braucht man zu Tabellenlayouts heutzutage wohl nicht mehr viel sagen. ;-)

denali50 · 11.04.2012

Vielen Dank! Ich probiere das heute Abend gleich mal aus!

Ich habe es probiert! Leider bleibt die ganze Seite am linken Rand.

simonpicos · 11.04.2012

AW: Webseiten zentrieren

:motz:

Tabellenlayout :motz:

Da wird das nichts mit zentrieren.. (sicher, aber nicht allzu leicht)
Mein Tipp: Beginn nochmal ganz von vorn. Das gesamte Layout mit Tabellen zu lösen (vermutlich mit einem WYSIWYG-editor) ist eine veraltete Technik.
Heutzutage baut man seine website mit verschiedenen div-containern auf und füllt das ganze dann mit den entsprechenden html-elementen (für den Inhalt)

Dazu empfehle ich folgendes "Buch": http://little-boxes.de/little-boxes-teil1-online.html

Quabbe · 11.04.2012

AW: Webseiten zentrieren

denali50 schrieb:
Vielen Dank! Ich probiere das heute Abend gleich mal aus!

Ich habe es probiert! Leider bleibt die ganze Seite am linken Rand.

Du hast einen DIV am Ende nicht mit dem schließenden </div> versehen. Hol das noch nach und füge dem ersten DIV noch ein position:relative hinzu, dann müsste es klappen.

Code:

<div style="width:???px, margin:0 auto; position:relative;">

cebito · 11.04.2012

AW: Webseiten zentrieren

denali50 schrieb:
Ich habe es probiert! Leider bleibt die ganze Seite am linken Rand.

Stell demnächst deinen Versuch auch online, dann kann man dir auch sagen woran es hakt.
Im Prinzip hat dir Quabbe nämlich schon die richtige Lösung gegeben, ich ergänz die nur noch ein wenig...

Direkt nach <body>

HTML:

<div style="width:1100px; position:relative; margin:auto;">}

und vor dem schließenden </body> noch ein </div>

denali50 · 11.04.2012

AW: Webseiten zentrieren

Ich habe es eingefügt! aber es hat sich nur die mittlere Tabelle leicht nach rechts verschoben!

cebito · 11.04.2012

AW: Webseiten zentrieren

denali50 schrieb:
Ich habe es eingefügt! aber es hat sich nur die mittlere Tabelle leicht nach rechts verschoben!

Das liegt an der absoluten positionierung des anderen Teils, deshalb sollst du ja auch noch position:relative; einfügen, damit sich die absolute positionierung am wrapper und nicht am body orientiert.

denali50 · 11.04.2012

AW: Webseiten zentrieren

Super! Genial! Ich habe die startseite schon mal umgestellt! Vielen vielen dank! Noch eine weitere frage: gibt es auch eine Möglichkeit einen Rahmen um das ganze zu machen?

cebito · 11.04.2012

AW: Webseiten zentrieren

denali50 schrieb:
Noch eine weitere frage: gibt es auch eine Möglichkeit einen Rahmen um das ganze zu machen?

Ja, indem du dem neu eingefügten div ein border gibst http://www.css4you.de/borderproperty.html

denali50 · 11.04.2012

AW: Webseiten zentrieren

Wie muss ich das dann einfügen? Kannst du mir ein Beispiel geben? Mit grauem Rahmen? Nur wenn du Zeit und Lust hast. Ich bin euch so schon sehr dankbar! Unglaublich durch wie viele Foren ich mich gelesen habe bis ich hier Hilfe gefunden habe! Ganz toll, ich bin happy!

cebito · 11.04.2012

AW: Webseiten zentrieren

HTML:

<div style="width:1100px; position:relative; margin:auto; border:10px solid silver;">

Um weiteren so einfachen Fragen vorzubeugen, lies dich bitte in der Seite ein, die simonpicos verlinkt hat.

denali50 · 11.04.2012

AW: Webseiten zentrieren

Ja das mache ich! Ich werde jetzt mal die restlichen Seiten umstellen und mal schauen ob das mit dem Rahmen überhaupt zu meiner Webseite passt! Auf jeden Fall nochmals vielen Dank an alle für die schnelle Hilfe!