zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden DIV´s richtig positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.12.2009, 20:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.12.2009
Beiträge: 22
k-f-r-123 befindet sich auf einem aufstrebenden Ast
Standard DIV´s richtig positionieren

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-Code:
<style type="text/css" media="screen">
    
body
    
{
        
margin0;
        
padding0;
        
font85arialheveticasans-serif;
        
text-aligncenter;
        
color#505367;
        
background-color#505367;
    
}
    
    
#container
    
{
        
margin1em auto;
        
height850px;
        
width1100px;
        
text-alignleft;
        
background-color#CCCCCC;
        
border1px solid black;
    }

    
#rand_links
    
{
        
floatleft;
        
margin-left0px;
        
height850px;
        
width80px;
        
background-coloryellow;
    }

    
#rand_oben
    
{
    
margin-left80px;
    
height11px;
    
width960px;
    
background-coloryellow;
    }
    
#rand_rechts
    
{
    
floatleft;
    
margin-left0px;
    
height850px;
    
width60px;
    
background-color#000000;
    
}
    
    
#banner
    
{
    
margin-left80px;
    
height190px;
    
width960px;
    
background-colorgreen;
    }
    
    
#navi_home
    
{
    
floatleft;
    
margin-left0px;
    
height28px;
    
width120px;
    
background-color#23ff77;
    
}

    
#navi_face {
    
floatleft;
    
margin-left0px;
    
height28px;
    
width120px;
    
background-color#448899;
    
}
    
#navi_fashion {
    
floatleft;
    
margin-left0px;
    
height28px;
    
width120px;
    
background-color#00ff00;
    
}
    
#navi_various {
    
floatleft;
    
margin-left0px;
    
height28px;
    
width120px;
    
background-color#000f88;
    
}
    
#navi_akt {
    
floatleft;
    
margin-left0px;
    
height28px;
    
width120px;
    
background-color#fff000;
    
}
    
#navi_about {
    
floatleft;
    
margin-left0px;
    
height28px;
    
width120px;
    
background-color#fffff0;
    
}
    
#navi_kontakt {
    
floatleft;
    
margin-left0px;
    
height28px;
    
width120px;
    
background-color#00ff99;
    
}
    
#navi_impressum {
    
floatleft;
    
margin-left0px;
    
height28px;
    
width120px;
    
background-color#ff0012;
    
}
    
#home_face {
    
floatleft;
    
margin-left0px;
    
height521px;
    
width240px;
    
background-color#ffffff;
    
}
    
#home_fashion {
    
floatleft;
    
margin-left0px;
    
height521px;
    
width240px;
    
background-color#ff0012;
    
}
    
#home_various {
    
floatleft;
    
margin-left0px;
    
height521px;
    
width240px;
    
background-color#001234;
    
}
    
#home_akt {
    
floatleft;
    
margin-left0px;
    
height521px;
    
width240px;
    
background-color#00ff11;
    
}
    
#rand_unten {
    
floatleft;
    
margin-left0px;
    
height40px;
    
width960px;
    
background-color#ff66ff;
    
}
    
#rand_unten_1
    
{
    
clear:left80px;
    
floatleft;
    
margin-left0px;
    
height60px;
    
width960px;
    
background-colorgreen;
    }


</
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 */ 
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.12.2009, 21:06
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 791
kadees wird schon bald berühmt werden
Standard

Code:
#rand_rechts {
background-color:#000000;
float:right;
height:850px;
margin-left:0;
width:60px;
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.12.2009, 21:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.12.2009
Beiträge: 22
k-f-r-123 befindet sich auf einem aufstrebenden Ast
Standard

perfekt.....danke! musste noch eine reihe nach oben aber hat geklappt

lg
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bilder richtig positionieren - wie mit CSS? RaBo CSS 2 15.07.2009 15:34
2 DIVS richtig positionieren Pari CSS 0 13.06.2009 21:22
Menuinhalt richtig positionieren Pari CSS 3 03.01.2009 17:11
Div´s positionieren.... Takko CSS 3 28.03.2008 23:10
Grafik richtig positionieren?! Pumpkin CSS 7 13.06.2007 23:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:30 Uhr.