Auf Thema antworten 2026

Beitrag

<blockquote data-quote="tombeat" data-source="post: 846491" data-attributes="member: 99162">AW: SeitenzentrierungAlso ich finde es einfacher wenn man wie auch bei padalton den gesamten Inhalt des Body&#039;s in ein div tag packt und eine ID gibt, zB. #zentriert! Dann einfach so:[code]#zentriert {width: 800px /*Oder eben so breit wie deine Seite halt ist*/margin-left: automargin-right: auto }[/code]Das wars dann auch schon... In der html sieht das dann so aus:[code]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmls=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=&quot;zentriert&quot;&gt;[I]Der Inhalt deiner HP[/I]&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/code]EDIT:Nur in der Höhe zentrieren muss man so wie bei padaltons lösung... ansonsten umgehe ich lieber Lösungen mit negativen margin Werten wenn möglich. <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" /></blockquote>

[QUOTE="tombeat, post: 846491, member: 99162"] [b]AW: Seitenzentrierung[/b] Also ich finde es einfacher wenn man wie auch bei padalton den gesamten Inhalt des Body's in ein div tag packt und eine ID gibt, zB. #zentriert! Dann einfach so: [code]#zentriert { width: 800px /*Oder eben so breit wie deine Seite halt ist*/ margin-left: auto margin-right: auto } [/code]Das wars dann auch schon... In der html sieht das dann so aus: [code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd"> <html xmls="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div id="zentriert"> [I]Der Inhalt deiner HP[/I] </div> </body> </html> [/code] EDIT: Nur in der Höhe zentrieren muss man so wie bei padaltons lösung... ansonsten umgehe ich lieber Lösungen mit negativen margin Werten wenn möglich. ;) [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?