Supportnet / Forum / Webseiten/HTML
!WICHTIG! brauche hilfe zu css und frames
Frage
hallo leute,
ich habe mir auf einer seite nen script geholt wo ich ohne tabellen und frames ne vernünftige aufteilung der seite haben kann via css.
der code dafür
<html>
<head>
</head>
<style type="text/css">
<!--
.top { border:1px #000000 solid;
background-color:#FF6600;
width:700px;
height:75px;
}
.navbar { border-right:1px #000000 solid;
border-left:1px #000000 solid;
background-color:#003366;
width:200px;
height:500px;
float:left;
}
.body { border-top:1px #000000 solid;
border-right:1px #000000 solid;
background-color:#FFFFFF;
width:500px;
height:500px;
}
.footer { border:1px #000000 solid;
background-color:#FF6600;
clear:both;
width:700px;
}
</style>
<body>
<br>
<div align="center">
<div class="top">Banner oder ähnliches!</div>
<div class="navbar">Navigation!</div>
<div class="body">Inhalt</div>
<div class="footer">Fusszeile</div>
</div>
</body>
</html>
jetzt mein problem, so erstellt er mir zwar 4 boxen aber wenn ich eine 5te haben will auf der rechten seite dann klappt das nicht
ich füge oben das hier ein:
.right {
background-color:#336699;
width:200px;
height:500px;
}
und setzte den wert von div auf:
<div class="body">rechts</div>
doch egal wo ich ihn reinsetze er verschiebt mir das ganze ding immer..
wer kann mir dabei helfen oder mir bitte sagen wo ich was einsetzen muss das ich auf der rechten seite auch ein balken bekomme
ich danke euch schonmal
Antwort 1 von rfb
probiers mal mit:
.rechts { ...
float:right;
}
evtl. den <div class="rechts"> ...
vor <div class="body" setzen>
.rechts { ...
float:right;
}
evtl. den <div class="rechts"> ...
vor <div class="body" setzen>
Antwort 2 von rfb
kleiner Nachtrag:
der style-Bereich sollte eigentlich innerhalb des head-Bereich liegen.
der style-Bereich sollte eigentlich innerhalb des head-Bereich liegen.
Antwort 3 von nachtmensch
ups stimmt *grmpfl* übersehen
ich versuch dsa mal dank dir :)
ich versuch dsa mal dank dir :)
Antwort 4 von morgenmuffel
ich danke dir, das hat geklappt das hab ich heut früh auch probiert aber ohne erfolg, vielleicht war ich zu müde
<html>
<head>
<style type="text/css">
<!--
.top {
background-color:#336699;
width:100%;
height:75px;
}
.navbar {
background-color:#336699;
width:200px;
height:500px;
float:left;
}
.rechts {
background-color:#336699;
width:200px;
height:500px;
float:right;
}
.body {
background-color:#FFFFFF;
width:500px;
height:500px;
}
.footer {
background-color:#336699;
clear:both;
width:100%;
}
</style>
</head>
<body>
<br>
<div align="center">
<div class="top"></div>
<div class="navbar"></div>
<div class="rechts"></div>
<div class="body"></div>
<div class="footer"></div>
</div>
</body>
</html>
*freu*
<html>
<head>
<style type="text/css">
<!--
.top {
background-color:#336699;
width:100%;
height:75px;
}
.navbar {
background-color:#336699;
width:200px;
height:500px;
float:left;
}
.rechts {
background-color:#336699;
width:200px;
height:500px;
float:right;
}
.body {
background-color:#FFFFFF;
width:500px;
height:500px;
}
.footer {
background-color:#336699;
clear:both;
width:100%;
}
</style>
</head>
<body>
<br>
<div align="center">
<div class="top"></div>
<div class="navbar"></div>
<div class="rechts"></div>
<div class="body"></div>
<div class="footer"></div>
</div>
</body>
</html>
*freu*