Seiten - Thema
H1 - Überschrift
HTML Code:
<div id="wrapper">
<div id="header">
<div id="logo"></div>
</div>
</div>
CSS Code:
#wrapper {width: 950px; margin: 0px auto;} /* Seite wird zentriert */
#header {width: 900px; height:200px; position:relative;}
#logo { background: transparent url(logo.png) 0 0 no-repeat; position:absolute; top:10px; right:50px; width:150px; height:150px } /* Das Logo wird nun im header 10 Pixel von oben und 50 Pixel von Rechts angezeigt, egal wie groß die Auflösung ist */
H2-Überschrift
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.