bine
Lounge-Member
Du kannst z.B. die drei Navigationsdivs alle mit float:left versehen.
Außerdem muß man auch aufpassen, mit margin und padding, weil man damit von dem gesamten Div den Abstand verändert und dann passt es gar nicht.
Ich setze z.B. die Inhalte wie hier bei dir das Wort "test" in einen eigenen Container der dann mit den entsprechenden Abstandsangaben versehen wird.
Besser ist es wie dkdenz schon sagte um die optimale Schreibweise erkennen zu können, du lädst das was du hast mal hoch damit man eine Arbeitsgrundlage im Zusammenhang hat.
HTML
CSS
Außerdem muß man auch aufpassen, mit margin und padding, weil man damit von dem gesamten Div den Abstand verändert und dann passt es gar nicht.
Ich setze z.B. die Inhalte wie hier bei dir das Wort "test" in einen eigenen Container der dann mit den entsprechenden Abstandsangaben versehen wird.
Besser ist es wie dkdenz schon sagte um die optimale Schreibweise erkennen zu können, du lädst das was du hast mal hoch damit man eine Arbeitsgrundlage im Zusammenhang hat.
HTML
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="bub.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>:: Homepage von ********* ::</title>
</head>
<body>
<div class="pageTitel"> :: Homepage von ********* :: </div> <!--end div.pageTitel-->
<div class="navigationFrame">
<div class="navigationLeft"> </div> <!--end div.navigationLeft-->
<div class="navigation">
<div class="content">Test</div>
</div> <!--end div.navigation-->
<div class="navigationRight"> </div> <!--end div.navigationRight-->
</div> <!--end div.navigationFrame-->
</body>
</html>CSS
Code:
* {
margin: 0px;
padding: 0px;
}
body {
font-family: Tahoma,sans-serif;
color: #333333;
line-height: 1.166;
background: #cccccc url(bg_all.gif") fixed;
}
div.pageTitel{
left: 4%;
top: 25px;
border: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 24px;
color: #CCCCCC;
width: 92%;
}
div.navigationFrame{
top: 75px;
height: 32px;
width: 92%;
}
div.navigation{
float:left;
height:32px;
width:92%;
background:url(bub_bg_titel.gif);
}
div.content {
margin:5px 0 5px 0;
}
div.navigationLeft{
height:32px;
width:4px;
background:url(bub_bg_titel_left.gif);
float:left;
}
div.navigationRight{
float:left;
height:32px;
width:4px;
background:url(bub_bg_titel_right.gif);
}
