Auf Thema antworten 2026

Beitrag

<blockquote data-quote="patrick_l" data-source="post: 2019002" data-attributes="member: 194379"><p><strong>AW: divs --&gt; float left problem</strong></p><p></p><p>Ich würde erst einmal ein ordentliches Grundgerüst erstellen. </p><p>Bei deiner Website könnte das ganze so aussehen.</p><p>[html]</p><p>&lt;!-- (x)HTML --&gt;</p><p>&lt;div class=&quot;wrapper&quot;&gt;</p><p>&nbsp; &nbsp; &lt;div id=&quot;navigation&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;logo&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;search&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul id=&quot;menue&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Punkt1&lt;/a&gt;&lt;/li&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Punkt2&lt;/a&gt;&lt;/li&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Punkt3&lt;/a&gt;&lt;/li&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Teaserbild / Subnav --&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div id=&quot;main&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Content --&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;sidebar&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Sidebar --&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Footer --&gt;&nbsp;&nbsp; </p><p>&nbsp; &nbsp; &lt;/div&gt;</p><p>&lt;/div&gt;</p><p>[/html]Wenn du mit HTML5 arbeiten würdest, könntest du entsprechend den Header, Nav, Section (+Article), Aside und Footer-Tag verwenden. Aber das nur so am Rande.</p><p></p><p>Edit:</p><p>Danach kannst du auch die einzelnen Bereiche problemlos mit CSS positionieren bzw. alle Bereiche leicht anpassen. Unter anderem durch das Floaten, sowie mit margin und padding. </p><p></p><p>Grüße Patrick</p></blockquote><p></p>

[QUOTE="patrick_l, post: 2019002, member: 194379"] [b]AW: divs --> float left problem[/b] Ich würde erst einmal ein ordentliches Grundgerüst erstellen. Bei deiner Website könnte das ganze so aussehen. [html]  <div class="wrapper"> <div id="navigation"> <div id="logo"> </div> <div id="search"> </div> <ul id="menue"> <li><a href="#">Punkt1</a></li> <li><a href="#">Punkt2</a></li> <li><a href="#">Punkt3</a></li> </ul> </div> <div id="header">  </div> <div id="main"> <div id="content">  </div> <div id="sidebar">  </div> </div> <div id="footer">  </div> </div> [/html]Wenn du mit HTML5 arbeiten würdest, könntest du entsprechend den Header, Nav, Section (+Article), Aside und Footer-Tag verwenden. Aber das nur so am Rande. Edit: Danach kannst du auch die einzelnen Bereiche problemlos mit CSS positionieren bzw. alle Bereiche leicht anpassen. Unter anderem durch das Floaten, sowie mit margin und padding. Grüße Patrick [/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?