Probleme mit dem Zentrien von Homepage

Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Probleme mit dem Zentrien von Homepage

Chillerpat am 26.08.2007, 14:38 / 3 Antworten / Baumansicht

Hallo ich möchte das mein Homepageinhalt immer in der Mitte steht ich benutzte diesen div-tag id="container" style="position:static; width:510px; height:697px; z-index:1; 604px; top: auto; background-color: #801b1b; border: 1px none #000000; left: 148px".

Beim Internetexplorer funktioniert das der Homepageinhalt immer in der Mitte steht, aber wenn ich meine Homepage über Mozilla Firefox aufrufe ist alles links fast am rand und ich will das dies nicht passiert!

Was kann der Grund sein wie löse ich das Problem ??

Danke im Vorraus !

Grüßle
Patrick

angelpage

Chillerpat „Probleme mit dem Zentrien von Homepage“

26.08.2007, 17:57 Optionen

Wie soll denn mit diesem absoluten, d.h. festen Vorgaben, bei unterschiedlichsten Bildschirmauflösungen beim Besucher irgendetwas überhaupt ins Zentrum des Bildschirms gelangen? - Das wäre doch immer nur Zufall ...

Relative Angaben (relative) wie "text-align:center, vertical-align:middle, Prozent ..." sind da gefragt. Gehts dagegen nur um die horizontale Mitte, könnte ein extra zentrierter Container den gesamten Inhalt der Seite aufnehmen.

Hier gibts aber Hilfe: http://www.selfhtml.net/html/text/bereiche.htm. Auch sollte CSS von vorn herein immer ausgelagert werden.

Achim20

Chillerpat „Probleme mit dem Zentrien von Homepage“

26.08.2007, 18:01 Optionen

Bette deine Inhalte in eine Tabelle ein, die sowohl 100% breit als auch 100% hoch ist.
<table height="100%" width="100%">
<tr>
<td align="center">Hier kommt deine Page rein.</td>
</tr>
</table>
Hier sind Erklärungen zu den Befehlen, die ich in dem kleinen Beispiel benutzt habe:
http://de.selfhtml.org/html/tabellen/gestaltung.htm

Hausmeister Krause

Chillerpat „Probleme mit dem Zentrien von Homepage“

27.08.2007, 21:50 Optionen

du kannst eine div-box mit deiner festen grösse definieren. die position horizontal und vertikal auf 50% setzen, und dann mit
negativen margin werten arbeiten, die die box dann genau um die hälfte nach links und ggf. nach oben bzw. unten ziehen.
das würde in meinem beispiel so aussehen:

width:500px;
height:500px;
left:50%;top:50%;position:absolute;margin-left:-250px;margin-top:-250px;

und das beste: es ist völlig valider code.