Hallo,
also ich habe hier die aktuelle version und ein bild wie ich es gerne hätte irgendwie bekomme ich die sachen nciht so positioniert wie ich es gerne hätte vll kann mir da ja nochmal jemand helfen :) danke
die neue box in bild 2 sollte auch abgerundet sein :) danke
aktuell :
soll:
code html:
code css:
also ich habe hier die aktuelle version und ein bild wie ich es gerne hätte irgendwie bekomme ich die sachen nciht so positioniert wie ich es gerne hätte vll kann mir da ja nochmal jemand helfen :) danke
die neue box in bild 2 sollte auch abgerundet sein :) danke
aktuell :
soll:
code html:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>justaskit.de</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="page">
<div id="header">
<h1>justaskit.de</h1>
<img src="apfel.jpg"/>
</div>
<div id="navigation">
<ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="archiv.html">Archiv</a></li>
<li><a href="ueber-mich.html">Über mich</a></li>
<li><a href="extras.html">Extras</a></li>
<li><a href="forum.html">Forum</a></li>
</ul>
</div>
<div id="content">
<h2>Herzlich willkommen!</h2>
<p>Die Stadt befindet sich im Bereich eines Deckgebirges des Trias, das auf einem älteren Grundgebirgssockel liegt. Die vorherrschenden Buntsandstein-Ablagerungen wurden im Verlauf des Tertiärs vom Freudenstädter Graben gestört, einem zwölf Kilometer breiten und sieben Kilometer breiten Graben mit Verwerfungen bis zu 140 Meter Länge. Die Grabensohle besteht wie im östlich benachbarten Gäu aus Muschelkalk. Im Grabenverlauf, zu dem das Christophstal unweit des heutigen Stadtzentrums gehört, haben hydrothermale Lösungen Quarz-Schwerspat-Gänge gebildet.</p>
<p>hniiui zi on iu znio i88i n8oo no nio</p>
</div>
</div>
</body>
</html>
Code:
#header
{
width: 50%;
float: left;
}
#navigation
{
width: 50%;
float: right;
}
#navigation li
{
float: left;
list-style: none;
margin-right: 20px;
}
#content
{
clear: both;
border: 1px solid green;
-moz-border-radius: 10px;
}
h1 {float: right;}
img {float: left;}
p {clear: both; width: 35em; margin: 0 auto;}