Auf Thema antworten 2026

Beitrag

<blockquote data-quote="patrick_l" data-source="post: 2046634" data-attributes="member: 194379"><p><strong>AW: div in div horizontal zentrieren</strong></p><p></p><p>Erstelle eine Haupt-Div als Wrapper und packe alle anderen darein. Dann verpasst du dem Wrapper ein <em>margin: 0 auto; </em>und das war es. Du gibst der rechten und linken Spalte eine fixe Breite. Der Content-Bereich füllt den Rest aus.</p><p></p><p>Ich kenne dein Layout jetzt nicht, kann daher auch nicht so recht nachvollziehen warum du so viele Divs ineinander verschachtelst. Auch ist dein Quellcode so semantisch nicht korrekt. Packe um deinen Text ein P-Tag.</p><p></p><p>Wenn du eh mit CSS3 und HTML5 arbeitest, würde ich überlegen das HTML5 Boilerplate oder zumindest das <a href="http://modernizr.com/download/" target="_blank">modernizr-Script</a> (für deine RGB/A-Farben) einzusetzen. Du könntest dann auch entsprechend mit den neuen HTML5-Tags arbeiten.</p><p></p><p>Hier mal das Grundgerüst ohne HTML5-Tags:</p><p>[html]</p><p>&lt;div class=&quot;wrapper&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &lt;!-- header --&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;inside&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;div id=&quot;nav&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt; &lt;!-- header end --&gt;</p><p>&nbsp; &nbsp; &lt;div id=&quot;main&quot;&gt; &lt;!-- main --&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sub-left&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;div id=&quot;sub-right&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt; &lt;!--main end --&gt;</p><p>&nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt; &lt;!-- footer --&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;inside&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt; &lt;!--footer end --&gt;</p><p>&nbsp; &lt;/div&gt;</p><p>[/html]Edit: Die Divs &quot;inside&quot; sind nicht notwendig. Benutze ich nur häufig bei Websites die den kompletten Bereich im Browser ausfüllen und der Content mittig sein soll. </p><p></p><p>Grüße Patrick</p></blockquote><p></p>

[QUOTE="patrick_l, post: 2046634, member: 194379"] [b]AW: div in div horizontal zentrieren[/b] Erstelle eine Haupt-Div als Wrapper und packe alle anderen darein. Dann verpasst du dem Wrapper ein [I]margin: 0 auto; [/I]und das war es. Du gibst der rechten und linken Spalte eine fixe Breite. Der Content-Bereich füllt den Rest aus. Ich kenne dein Layout jetzt nicht, kann daher auch nicht so recht nachvollziehen warum du so viele Divs ineinander verschachtelst. Auch ist dein Quellcode so semantisch nicht korrekt. Packe um deinen Text ein P-Tag. Wenn du eh mit CSS3 und HTML5 arbeitest, würde ich überlegen das HTML5 Boilerplate oder zumindest das [URL="http://modernizr.com/download/"]modernizr-Script[/URL] (für deine RGB/A-Farben) einzusetzen. Du könntest dann auch entsprechend mit den neuen HTML5-Tags arbeiten. Hier mal das Grundgerüst ohne HTML5-Tags: [html] <div class="wrapper"> <div id="header">  <div class="inside"> </div> <div id="nav"> </div> </div>  <div id="main">  <div id="sub-left"> </div> <div id="content"> </div> <div id="sub-right"> </div> </div>  <div id="footer">  <div class="inside"> </div> </div>  </div> [/html]Edit: Die Divs "inside" sind nicht notwendig. Benutze ich nur häufig bei Websites die den kompletten Bereich im Browser ausfüllen und der Content mittig sein soll. Grüße Patrick [/QUOTE]

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

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?