mal wieder zentriieren

[Mikamuh]

hey,

erstmal die Seite: Page

warum zentriert sich der haupt div nicht obwohl er den style="width:840px; margin:0px auto" hat?

EDIT:
zentriert hab ichs jetzt in dem im die "position absolut" aus den einzelnen div gezogen habe. aber jetzt isses total zerschossen:

Page 2

gruß Michi

 

[threadi]

Dir fehlt ein Doctype: SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei

 

[csstester]

OMG;)

da hat jemand versucht ne komplette Tabelle allein durch div´s zu ersetzen, das ist furchtbar und kann auch nicht funktionieren.

da wirst schon ein wenig umdenken müssen.

denn ne website komplett aus grafiken werd ich dir hier auch nicht erklären.. warum??
das wurde hier schon zu oft diskutiert.

Erstmal schön in Html einfach mal deine Seite Semantisch (wenigstens einigermaßen) korrekt schreiben, ja und dann fangen wir gaaaaanz langsam mit css an.

Oder tut das Not sogar deinen Seitentitel, der Grafisch ja nicht mal aufwändig ist als grafik zu nutzen???

ich geh erstmal meine nackenhaare runterbürsten:shock:;-)

gruß
csstester

PS

Dir fehlt ein Doctype: SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei

und so einiges mehr;)

 

[Mikamuh]

nur so nebenbei... das hat mir photoshop so hingeworfen....

 

[bronko]

hey,

so wie du deine seite gestaltet hast ist das wirklich unglücklich gemacht.
nur weil dir photoshop das alles als grafik ausspuckt, muss es nicht automatisch gut sein.

du könntest die seite fast genauso gestallten, indem du auf weniger grafiken und mehr CSS zurückgreifst.

 

[neuroleptika]

position: absolute

warum zentriert sich der haupt div nicht obwohl er den style="width:840px; margin:0px auto" hat?

Das div wurde mit diesem style zentriert.
Die darin enthaltenen Elemente wurden aber mit position: absolute; von der oberen linken Browserecke ausgerichtet und schweben über dem zentrierten div.
Wenn die Positionierungen von diesem div ausgehen sollen musst ihn ebenfalls positionieren:

<div style="margin: 0px auto; width: 840px;
position: relative;">
.....
</div>

position: relative; verschiebt das Element mit den Angaben top und left von ihrer Ursprungsposition. Ohne diese Angaben bleibt es einfach in seiner Ursprungsposition und dient anderen Elementen als Bezugspunkt für position: absolute;.

 

[Mikamuh]

die besten antworten gibts immer erst zum schluss

vielen dank

(werde aber den tipp das ganze nochmal mit mehr css elementen zu schreiben weiterverfolgen)

 

[Efchen]

werde aber den tipp das ganze nochmal mit mehr css elementen zu schreiben weiterverfolgen

CSS hat keine Elemente, nur Eigenschaften.
Die Elemente werden von HTML zur Verfügung gestellt. Ein valider und semantisch korrekter Code ist die Basis für ein gutes CSS-Layout.

Gruß,
-Efchen