Auf Thema antworten 2025

Beitrag

<blockquote data-quote="rakader" data-source="post: 1798404" data-attributes="member: 203221">AW: div am Bildschirm ausrichtenVollkommen unnötig.Lösung wurde hier schon gesagt: Mache einen Wrapper mit #wrapper { margin: 0 auto; }Einfacher geht es nicht.Grundstruktur sieht so aus:[HTML]&nbsp; &nbsp; &lt;body&gt;&lt;div id=&quot;wrapper&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;nav&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;main&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt;&lt;/div&gt;&nbsp;&lt;/div&gt;&nbsp; &nbsp; &lt;/body&gt;[/HTML]und das CSS:[HTML]#wrapper { margin: 0 auto; }[/HTML]Die Datei nennst Du screen.css. Sie muss im gleichen Ordner liegen wie die Startseite (in diesem Beispiel).Erklärung: 0 ist der Abstand oben und unten; auto immer der Abstand zum Bildschirm in Abhängigkeit der Content-Breite. Daher immer zentriert.Das externe CSS bindest Du im Kopf so ein (einfach Cut&amp;Paste):[HTML]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot; &quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&quot;&gt;&nbsp; &nbsp; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; version=&quot;-//W3C//DTD XHTML 1.1//EN&quot; xml:lang=&quot;en&quot;&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;/&gt;&nbsp; &nbsp; &lt;title&gt;untitled&lt;/title&gt;&nbsp; &nbsp; &lt;meta name=&quot;description&quot; content=&quot;content&quot; /&gt;&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; href=&quot;screen.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;&nbsp; &nbsp; &lt;/head&gt;[/HTML]Das ist alles!</blockquote>

[QUOTE="rakader, post: 1798404, member: 203221"] [b]AW: div am Bildschirm ausrichten[/b] Vollkommen unnötig. Lösung wurde hier schon gesagt: Mache einen Wrapper mit #wrapper { margin: 0 auto; } Einfacher geht es nicht. Grundstruktur sieht so aus: [HTML] <body> <div id="wrapper"> <div id="header"></div> <div id="nav"></div> <div id="main"></div> <div id="footer"></div> </div> </body>[/HTML] und das CSS: [HTML]#wrapper { margin: 0 auto; }[/HTML] Die Datei nennst Du screen.css. Sie muss im gleichen Ordner liegen wie die Startseite (in diesem Beispiel). Erklärung: 0 ist der Abstand oben und unten; auto immer der Abstand zum Bildschirm in Abhängigkeit der Content-Breite. Daher immer zentriert. Das externe CSS bindest Du im Kopf so ein (einfach Cut&Paste):[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" version="-//W3C//DTD XHTML 1.1//EN" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>untitled</title> <meta name="description" content="content" /> <link rel="stylesheet" href="screen.css" type="text/css" media="screen" /> </head>[/HTML] Das ist alles! [/QUOTE]

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

Authentifizierung

Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!