Webseite mit Photoshop designen und mittig positio

Computer: Software & Programmierung HTML & CSS
#1

Hallooo,

ich bin grad echt am verzweifeln! Ich hab mir mit Photoshop ein Layout von meiner Webseite erstellt (hab ziemlich lang gebraucht bis ich jedes Detail perfekt hatte!). Habe dann das Layout mit dem Slicewerkzeug so bearbeitet, das ich alles machen kann was ich will. Zum Schluss dann noch per Datei - Für Web und Geräte speichern - das ganze als HTML abgepeichert.

Hat auch alles funktioniert.
Die rollover Bilder integrieren und alles funktionieren wunderbar.
Standardmäßig wird ja alles was ich gesliced habe als Tabelle erstellt. Da ja heutzutage Divs Standard sind habe ich dann mein ganzes Layout noch in DIV-Tags konvertiert.

Jetzt zu meiner Frage an der ich bald verzweifel! Wie bekomme ich mein Layout jetzt mittig im Browser positioniert???
Als es noch aus Tabellen bestand, konnte ich einfach bei der alles umschließenden Tabelle sagen Algin=„Center“ und es war wunderbar. Mit den Divs bekomm ichs nicht hin…

Bin ich zu blöd oder geht das einfach nicht??? War jetzt meine Photoshoparbeit umsonst??? Denn als Tabelle möchte ichs nicht veröffentlichen und linksbündig siehts besch******* aus :frowning:

Hilfe!! Bitte!! Ihr seit meine letzte Chance!

Viele liebe Grüße
Piwo

#2

Hallo Piwo,

Standardmäßig wird ja alles was ich gesliced habe als Tabelle
erstellt. Da ja heutzutage Divs Standard sind habe ich dann
mein ganzes Layout noch in DIV-Tags konvertiert.

Das ist so falsch. Divs sind keine Standards für Layouts. HTML ist generell nicht fürs Layout zuständig. Man muss die Textelemente mit entsprechend semantischen HTML-Elementen auszeichnen. Div ist nicht gerade semantisch. Mit diesem Element „bündelt“ man andere Elemente zu einem Container zusammen.

Jetzt zu meiner Frage an der ich bald verzweifel! Wie bekomme
ich mein Layout jetzt mittig im Browser positioniert???

Mit CSS.

Als es noch aus Tabellen bestand, konnte ich einfach bei der
alles umschließenden Tabelle sagen Algin=„Center“ und es war
wunderbar. Mit den Divs bekomm ichs nicht hin…

Mit HTML bekommt man auch kein Layout hin. Lern CSS.

Bin ich zu blöd oder geht das einfach nicht???

Nein. Du kannst einfach kein HTML und CSS bzw. verstehst den eigentlichen Sinn noch nicht.

War jetzt meine Photoshoparbeit umsonst???

Nein.

Denn als Tabelle möchte ichs nicht
veröffentlichen und linksbündig siehts besch******* aus :frowning:

Lösung: CSS.

http://fwpf-webdesign.de/einfuehrung

Direkt zur Lösung: Wrapper (div) um das ganze legen und dann mit margin: 0 auto; in der Mitte positionieren. Für IE 6 muss man das ganze noch „manuell“ erledigen. Dies geschieht mit text-align: center;

Übrigens: http://tinyurl.com/2gx6zl7

MfG, Florian J.