der letzte DIV will nicht richtig sitzen

k-f-r · 28 Dezember 2009

hallo
ich möchte die div´s richtig anordnen und dabei möchte ich, dass der schwarze streifen an den rechten rand rutscht.
ich bekomme es nicht hin

kann mir einer helfen?
k-f-r

PHP:

<style type="text/css" media="screen">
 body
 {
  margin: 0;
  padding: 0;
  font: 85% arial, hevetica, sans-serif;
  text-align: center;
  color: #505367;
  background-color: #505367;
 }
 
 #container
 {
  margin: 1em auto;
  height: 850px;
  width: 1100px;
  text-align: left;
  background-color: #CCCCCC;
  border: 1px solid black;
 }
    #rand_links
 {
        float: left;
        margin-left: 0px;
  height: 850px;
  width: 80px;
  background-color: yellow;
 }
 #rand_oben
 {
 margin-left: 80px;
 height: 11px;
 width: 960px;
 background-color: yellow;
 }
    #rand_rechts
 {
    float: left;
    margin-left: 0px;
 height: 850px;
 width: 60px;
 background-color: #000000;
 }
 
 #banner
 {
 margin-left: 80px;
 height: 190px;
 width: 960px;
 background-color: green;
 }
 
 #navi_home
 {
    float: left;
    margin-left: 0px;
 height: 28px;
 width: 120px;
 background-color: #23ff77;
 }
 #navi_face {
 float: left;
 margin-left: 0px;
 height: 28px;
 width: 120px;
 background-color: #448899;
 }
 #navi_fashion {
 float: left;
 margin-left: 0px;
 height: 28px;
 width: 120px;
 background-color: #00ff00;
 }
 #navi_various {
 float: left;
 margin-left: 0px;
 height: 28px;
 width: 120px;
 background-color: #000f88;
 }
 #navi_akt {
 float: left;
 margin-left: 0px;
 height: 28px;
 width: 120px;
 background-color: #fff000;
 }
 #navi_about {
 float: left;
 margin-left: 0px;
 height: 28px;
 width: 120px;
 background-color: #fffff0;
 }
 #navi_kontakt {
 float: left;
 margin-left: 0px;
 height: 28px;
 width: 120px;
 background-color: #00ff99;
 }
 #navi_impressum {
 float: left;
 margin-left: 0px;
 height: 28px;
 width: 120px;
 background-color: #ff0012;
 }
    #home_face {
    float: left;
    margin-left: 0px;
 height: 521px;
 width: 240px;
 background-color: #ffffff;
 }
    #home_fashion {
 float: left;
 margin-left: 0px;
 height: 521px;
 width: 240px;
 background-color: #ff0012;
 }
    #home_various {
 float: left;
 margin-left: 0px;
 height: 521px;
 width: 240px;
 background-color: #001234;
 }
    #home_akt {
 float: left;
 margin-left: 0px;
 height: 521px;
 width: 240px;
 background-color: #00ff11;
 }
    #rand_unten {
    float: left;
    margin-left: 0px;
 height: 40px;
 width: 960px;
 background-color: #ff66ff;
 }
    #rand_unten_1
 {
    clear:left: 80px;
    float: left;
    margin-left: 0px;
 height: 60px;
 width: 960px;
 background-color: green;
 }

</style>
</head>
<body>
<p>
 </p>
    <div id="container">
    <div id="rand_links"></div>
    <div id="rand_oben"></div>
    <div id="rand_rechts"></div>
   <div id="banner"></div>
    <div id="navi_home"></div>
 <div id="navi_face"></div>
 <div id="navi_fashion"></div>
 <div id="navi_various"></div>
 <div id="navi_akt"></div>
 <div id="navi_about"></div>
 <div id="navi_kontakt"></div>
 <div id="navi_impressum"></div>
    <div id="home_face"></div>
    <div id="home_fashion"></div>
    <div id="home_various"></div>
    <div id="home_akt"></div>
    <div id="rand_unten"></div>
    <div id="rand_unten_1"></div>

</div>
</body>
</html>
/* CSS Document */

MrMurphy · 28 Dezember 2009

Hallo

ich möchte die div´s richtig anordnen

Definier mal bitte, was du damit meinst? Im Moment sehe ich in den divs weder einen Sinn noch irgendeine nachvollziehbare Anordnung.

dabei möchte ich, dass der schwarze streifen an den rechten rand rutscht.

Der schwarze Streifen müsste das div id="rand_rechts" sein. Dazu musst du nur den float ändern, also

#rand_rechts
{
float: left;
margin-left: 0px;
height: 850px;
width: 60px;
background-color: #000000;
}

durch

#rand_rechts
{
float: right;
margin-left: 0px;
height: 850px;
width: 60px;
background-color: #000000;
}

ersetzen. Das div ist dann zwar rechts, aber ich wage zu bezweifeln, das das Gesamtergebnis dann deinen (uns bislang unbekannten) Vorstellungen entspricht.

Zur Übersicht solltest du alle divs zusätzlich mit Text füllen und diesem bei dunklem Hintergrund eine helle Schrift geben, z. B.:

<div id="rand_rechts">rand_rechts</div>

Dann bekommst du wenigstens eine grobe Übersicht, was sich tut.

Gruss

MrMurphy

Efchen · 29 Dezember 2009

Wie schon im anderen Thread breit erklärt, was Du derzeit tust, macht keinen Sinn. Lerne erst HTML und zeichne Deinen Inhalt semantisch richtig aus. Dann kannst Du darauf das Layout und Design aufbauen.

Dir an der Stelle irgendwie weiterzuhelfen, ist für die Experten reine Zeitverschwendung und für Dich in keiner Weise lehrreich.

der letzte DIV will nicht richtig sitzen

k-f-r

Neues Mitglied

MrMurphy

Senior HTML'ler

Efchen

Guest

Neueste Beiträge