Auf Thema antworten 2026

Beitrag

<blockquote data-quote="newbie50plus" data-source="post: 2053641" data-attributes="member: 443526">AW: div in div horizontal zentrierenIch habe deinem ersten(!) CSS-Code lediglich dem div &quot;container&quot; und &quot;main&quot; je eine feste Breite zugewiesen und sie mit &quot;margin: auto&quot; ergänzt.Ich denke, so geht&#039;s wohl. <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" />[CODE]body{&nbsp; &nbsp; background: rgb(0, 0, 0);&nbsp; &nbsp; color: rgb(255, 255, 255);&nbsp; &nbsp; font-family: sans-serif;&nbsp; &nbsp; font-size: 15px;}#container{&nbsp; &nbsp; width: 900px;&nbsp; &nbsp; margin: auto;}#header{&nbsp; &nbsp; background: rgb(14, 14, 14);&nbsp; &nbsp; height: 50px;&nbsp; &nbsp; border: 1px solid rgb(6, 68, 108);&nbsp; &nbsp; padding: 5px;}#main{&nbsp; &nbsp; background: rgb(14, 14, 14);&nbsp; &nbsp; border: 1px solid rgb(6, 68, 108);&nbsp; &nbsp; width: 840px;&nbsp; &nbsp; margin: 20px auto;}#footer{&nbsp; &nbsp; background: rgb(14, 14, 14);&nbsp; &nbsp; border: 1px solid rgb(6, 68, 108);&nbsp; &nbsp; padding: 5px;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; font-size: 12px;}#text{&nbsp; &nbsp; width: 250px;&nbsp; &nbsp; height: 250px;&nbsp; &nbsp; padding: 10px;}#color-tl{&nbsp; &nbsp; background: rgb(30, 30, 30);}#color-tm{&nbsp; &nbsp; background: rgb(50, 50, 50);}#color-tr{&nbsp; &nbsp; background: rgb(70, 70, 70);}#color-bl{&nbsp; &nbsp; background: rgb(90, 90, 90);}#color-bm{&nbsp; &nbsp; background: rgb(110, 110, 110);}#color-br{&nbsp; &nbsp; background: rgb(130, 130, 130);}#left-distance{&nbsp; &nbsp; float: left;&nbsp; &nbsp; padding: 5px;}#middle-distance{&nbsp; &nbsp; float: left;&nbsp; &nbsp; padding: 5px;&nbsp; &nbsp; }#right-distance{&nbsp; &nbsp; float: left;&nbsp; &nbsp; padding: 5px;}.clr{&nbsp; &nbsp; clear: both;}.cen{&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; padding: 0px;&nbsp; &nbsp; margin: 0px;}[/CODE]Habe es in den gängigsten Browsern getestet: es funzt.Ich hoffe, ich konnte dir etwas helfen.L. G. Fred</blockquote>

[QUOTE="newbie50plus, post: 2053641, member: 443526"] [b]AW: div in div horizontal zentrieren[/b] Ich habe deinem ersten(!) CSS-Code lediglich dem div "container" und "main" je eine feste Breite zugewiesen und sie mit "margin: auto" ergänzt. Ich denke, so geht's wohl. ;) [CODE]body{ background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-family: sans-serif; font-size: 15px; } #container{ width: 900px; margin: auto; } #header{ background: rgb(14, 14, 14); height: 50px; border: 1px solid rgb(6, 68, 108); padding: 5px; } #main{ background: rgb(14, 14, 14); border: 1px solid rgb(6, 68, 108); width: 840px; margin: 20px auto; } #footer{ background: rgb(14, 14, 14); border: 1px solid rgb(6, 68, 108); padding: 5px; text-align: center; font-size: 12px; } #text{ width: 250px; height: 250px; padding: 10px; } #color-tl{ background: rgb(30, 30, 30); } #color-tm{ background: rgb(50, 50, 50); } #color-tr{ background: rgb(70, 70, 70); } #color-bl{ background: rgb(90, 90, 90); } #color-bm{ background: rgb(110, 110, 110); } #color-br{ background: rgb(130, 130, 130); } #left-distance{ float: left; padding: 5px; } #middle-distance{ float: left; padding: 5px; } #right-distance{ float: left; padding: 5px; } .clr{ clear: both; } .cen{ text-align: center; padding: 0px; margin: 0px; }[/CODE]Habe es in den gängigsten Browsern getestet: es funzt. Ich hoffe, ich konnte dir etwas helfen. L. G. Fred [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?