Tweet
Hallo Zusammen
Ich habe kürzlich damit begonnen eine Webseite zu bauen.
Nun habe ich ein kleines Problem:
Wenn ich das Element "Allgemeine Informationen" mit width begrenze, dann rutscht es mit immer unter den Nav-Bereich.
Ich möchte die Informationen Rechts vom Nav-Bereich haben.
Ich steh gerade etwas auf dem Schaluch.
Hier die Html-Datei:
CSS:
Danke für Eure Hilfe
Ich habe kürzlich damit begonnen eine Webseite zu bauen.
Nun habe ich ein kleines Problem:
Wenn ich das Element "Allgemeine Informationen" mit width begrenze, dann rutscht es mit immer unter den Nav-Bereich.
Ich möchte die Informationen Rechts vom Nav-Bereich haben.
Ich steh gerade etwas auf dem Schaluch.
Hier die Html-Datei:
<!Doctype html>
<html>
<head>
<title> Name </title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<p><img id="mann" src="http://ebuddies.de/wp-content/uploads/2014/04/Platzhalter.jpg" width="185px" alt= "Mathias Hiltbrunner">
<img id="Logo" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/db/Hello_my_name_is_sticker.svg/1280px-Hello_my_name_is_sticker.svg.png" alt="Logo Mathias Hiltbrunner"> </p>
</header>
<div>
<nav id="nav_main">
<ul>
<li> <a href= "Boxen.html" title="Boxen"> Boxen </a>
<li> <a href= "Musik.html" title="Musik"> Musik</a>
<li> <a href= "Gamen.html" title="Gamen"> Gamen </a>
</ul>
</nav>
<section>
<p id="title1">Allgemeine Infos</p>
</section>
</div>
</body>
</html>
<html>
<head>
<title> Name </title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<p><img id="mann" src="http://ebuddies.de/wp-content/uploads/2014/04/Platzhalter.jpg" width="185px" alt= "Mathias Hiltbrunner">
<img id="Logo" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/db/Hello_my_name_is_sticker.svg/1280px-Hello_my_name_is_sticker.svg.png" alt="Logo Mathias Hiltbrunner"> </p>
</header>
<div>
<nav id="nav_main">
<ul>
<li> <a href= "Boxen.html" title="Boxen"> Boxen </a>
<li> <a href= "Musik.html" title="Musik"> Musik</a>
<li> <a href= "Gamen.html" title="Gamen"> Gamen </a>
</ul>
</nav>
<section>
<p id="title1">Allgemeine Infos</p>
</section>
</div>
</body>
</html>
/* CssReset */
*{
margin: 0px;
padding:0px;
}
header {background-color: #1A1A1A;
}
body { background-color: #1A1A1A;
}
#mann {
width: 185px;
}
#Logo { float: right;
width: 185px;
margin-top: 140px;
transform:rotate(20deg);
}
#title1 { background-color: #99FFFF;
float: right-side;
left: 120px;
width: 185px;
}
#nav_main { background-color: #99FFFF;
border-radius: 3px;
float: left;
Position: relative;
font-size: 13px;
font-style: Arial;
padding-bottom: 500px;
width: 190px;
margin-rig: 150px;
}
}
*{
margin: 0px;
padding:0px;
}
header {background-color: #1A1A1A;
}
body { background-color: #1A1A1A;
}
#mann {
width: 185px;
}
#Logo { float: right;
width: 185px;
margin-top: 140px;
transform:rotate(20deg);
}
#title1 { background-color: #99FFFF;
float: right-side;
left: 120px;
width: 185px;
}
#nav_main { background-color: #99FFFF;
border-radius: 3px;
float: left;
Position: relative;
font-size: 13px;
font-style: Arial;
padding-bottom: 500px;
width: 190px;
margin-rig: 150px;
}
}
Kommentar