Dienstag, 25. Januar 2011

html zentriertes Design

Moderne Anwendungen arbeiten oft mit einem zentrierten Layout.
Wie läßt sicht die Komponente in einer html-Seite zentrieren?

Man führt eine Hauptelement ein, und tut dieses zentrieren.
Das Hauptelement kann ein DIV eine TABLE oder ein sonstiges Element sein,
in dem sich unterelmenten einfügen lassen.

Das Zentrieren wird mit der 2 Style-Eingenschaften gemacht: margin-left:auto und margin-right:auto.


 <body>  
<table style="margin-left:auto; margin-right: auto;">
...
</table>
</body>


Bei divs nicht vergessen die Breite mit anzugeben.

 <body>   
<div style="margin-left:auto; margin-right: auto;width: 800px">
...
</div>
</body>

Keine Kommentare:

Kommentar veröffentlichen