Zentrieren/Ausrichten

von **powerschulzi** am 26.02.2006, 13:25

Neues Homepagedesign ist fast fertig, vom HTML/CSSschen her.
Hab nur noch ein problem mit dem Ausrichten der Seite: Alles ist oben links.
Wenn ich nu alles in einen div-container steck und den in die Mitte des Bildschirm setz, passiert genau nichts. Weder beim FF noch beim IE.

Ich hab fast die ganze seite mit "float:left;" zusammengebastelt, sodass ein Bildelement links neben dem anderen floatet, vllt. liegts daran.
Nehm ich das floating raus, zerhauts mein design, logisch. Aber ich weiß nicht, wie ichs anders machen soll...
Auch hab ich ein Problem beim verkleinern des Browserfensters auf unter die Homepagegröße. Dadurch, dass alles links floatet, richtet es sich am browserrand aus. Wie bekomm ich das hin, dass es auch beim verkleinern ganz bleibt? (wie hier auf dW

)

Link: http://poschu.po.funpic.de/design.html

von **Manuel** am 26.02.2006, 13:27

Hi du,

mach mal folgendes:

Code: Alles auswählen: <body style="text-align:center;">

Lg,
Manuel ;-]

von **Dac-XP** am 26.02.2006, 13:28

Ich mag eigentlich keine DIVs, aber vielleicht einfach dem <body> die Eigenschaft text-align: center in der CSS-Datei zuweisen.

/edit: Jaja, der Manu war wieder schneller

von **powerschulzi** am 26.02.2006, 13:34

ja, hab ich auch schon versucht, bringt genauso viel wie mit dem zentrierten divtag.

von **Manuel** am 26.02.2006, 14:16

Hast du deinem div-Tag eine Breite zugewiesen? Was immer hilft: Rahmen drum anzeigen lassen. Das mache ich grundsätzlich immer, wenn ich layoute. Meist liegt es an zu wenig Breite.

Lg,
Manuel ;-]

von **powerschulzi** am 26.02.2006, 19:02

Joa, danke =)

Es funktioniert wunderbar.

Da tut sich nur ein anderes (unlösbares?) Problem auf.
Im IE wirds ja komplett zerhauen, im FF nicht :shock:

Sonst hab ich das Problem immer andersrum...
Der Code ist überprüft und in meinen Augen eigentlich ganz okay...
Kann mir jemand sagen, was der IE da macht?!

danke schomma

von **SilentStormer** am 26.02.2006, 21:07

scheiße, so wie immer

:roll:

der IE ist, wie du spätestens jetzt gemerkt hast, schlichtweg zu blöd, valides css bzw. xhtml anzuerkennen

da hilft nur solange basteln, bis es dem IE auch passt - und dabei haben einige schonmal den löffel abgegeben

von **Shi** am 01.03.2006, 20:58

Ich bin mir gerade nicht so wirklich sicher, ob ich es so verstehe, wie du es meinst, aber wenn deine gesamte Gestaltung zentriert sein soll(egal welche Auflösung usw), dann versuch es mal indem du das hier

margin-left: auto;
margin-right: auto;

bei dem div-container reinschreibst, der das gesamte Gedöns umgibt.
Also so'ne Art Rahmen-Container. Funktioniert sowohl im IE, als auch im FF als auch bei Safari(aber nur wenn sauber gecodet wurde und alles andere stimmt :D )

edit: Ein Rahmen/Container um komplett alles rum, also extra, hilft auch generell gegen Zerfleddern.

von **powerschulzi** am 01.03.2006, 21:47

Joa, danke.
Das mit dem zentrieren klappt nu auch so einigermaßen...
Als ich das mit dem div-container um alles drumrum probiert hatte, hatte ich weder höhe noch breite angegeben.

@shi: Dein Tipp klappt leider nicht...
Ich weiß nicht, ob's was damit zu tun hat, aber ich glaub, das hängt irgendwie mit der includefunktion zusammen...
als ich das tutorial hier gemacht hab, wolltes schon nicht so recht aufm IE... Dann hat mir n Freund bei nem neuen include-code geholfen, aber besser wurdes aufm IE nicht :roll:

Was den Code angeht, wüsste ich nicht, was ich da noch anders machen könnte...
Bis auf die CSS-Datei ist eig. alles ziemlich übersichtlich.
HTML, CSS und PHP dürften eig. auch fehlerfrei sein, aber ich schätz mal, dass es an der CSS liegt...
ich werd wohl mal da drin aufräumen müssen, vllt find ich den Fehler dabei

Der IE scheint das, was in der includeten datei vorgegeben ist, unter den div-container zu tun, in dem eigentlich alles drin ist

als ob ich den code irgendwie umgedreht hätte

von **powerschulzi** am 03.03.2006, 21:22

das problem mit dem content bereich hab ich gelöst, ich hatte einen fehler in der css-datei. Die rechte Seite vom Rahmen hab ich links floaten lassen. wenn ich die rechts floaten lasse, gehts.

Allerdings verschwindet dann der footer.
Da hab ich nun auch schon rumgespielt und bin zu zwei möglichkeiten.
entweder wirds im FF richtig angezeigt und im IE etwas nach unten verschoben, oder andersrum.

Frage: Kann man irgendwie festlegen, dass die seite für den IE und für den FF seperate Style Sheets nimmt?
Das wäre momentan eigentlich die einfachste Lösung.

von **SilentStormer** am 03.03.2006, 22:18

du kannst kommentare in deinen css-dateien anlegen, sodass nur der IE sie interpretiert

von **powerschulzi** am 03.03.2006, 22:27

und wie mach ich das?
Google spuckt irgendwie nicht wirklich was aus und in css4you steht davon auch nichts

edit: Hat sich erledigt.
Selfhtml hatte was dazu im sortiment

Danke

Zentrieren/Ausrichten

Zentrieren/Ausrichten

Wer ist online?