• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Nichts wird merh angezeigt nach Float!!!

LordPresten

Mitglied
hi,
bin gerade dabei ne Site zu coden und habe die Divs nebeneinander platziert, per float.

und habe ne nacileiste eingefügt, doch in den Boxen wir nichts angezeigt.

Nichtmal Text.


HTML:
<style type="text/css">
body {width: 100%;
      height:100%;
      font-family: Arial, sans-serif;
      font-size: 12px;}
      
      
 #box {width: 55%;
       height: 1000px;
       background-color: #000;
       margin:auto;
          }     
          
  #header {width:100%;
           height:150px;
           background-image:url('http://i40.tinypic.com/9s4hnn.jpg');
           border:0px; position:absolute ; top:0%; left:0%; right:0%;
           }     
  #name {width: 300px;
         height:80px;
         background-image: url('pics/schrift.jpg');
         position: absolute; top: 40px; left: 22.5%;
          }        
  #div1 {width: 100%; height:100%;
         background-color: #000000;
         border:0px;       }
  #nav {width:19.5%; background-color:#fff;
        
       float:left;
        border: 1px solid silver;
        height:100%;
        
        } 
  #cbox {width: 80%; background-color: #fff;
          height:100%; 
          border:1px solid silver;
    border-left-width:1px;

          float:right
          }    
          
   #navc {width:100%; background-color:#fff;
           border: 0px; float:left;
           color: #000;}       
          
  #footer {width:100%; height:80px;
           background-image:url('http://i42.tinypic.com/qrg384.jpg'); background-attachment:fixed;
           position: absolute;  left:0%;}        
                         

/* Navigationsleiste */

 ul#Navigation {
    width: 19.5%;
    text-align:left;
    margin: 0; padding: 0.Pem;
    border: 0px solid black;
    background-color: #fff;
  }
  * html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    width: 19.5%;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.0em;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0.0em; padding: 0;
  }

  ul#Navigation a {
    display: none;
    padding: 0.0em;
    text-decoration: none; font-weight: bold;
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000; background-color: #fff;
  }
  * html ul#Navigation a {  /* Breitenangaben nur fuer IE */
    width: 100%;
    w\idth: 8.8em;
  }
  ul#Navigation a:hover {
    border-color: white;
    border-left-color: black; border-left-width: 5px;
    color: #8a0000; background-color: gray;
  }



</style>




</head>

<body>


<div id="header">
<div id="name"></div>
</div>



<div id="box">
asdsd
<div id="div1">



<div id="nav">
<div id="navc">sdasd
<ul id="Navigation">
    <li><a href="nav_definieren.htm">Beispiel 1</a></li>
    <li><a href="nav_formatieren.htm">Beispiel 2</a></li>
    <li><a href="nav_rollover.htm">Beispiel 3</a></li>
  </ul>
</div>
</div>


<div id="cbox">asdsad
</div>



</div>

sfsdfdsf

Footer</div>



<div id="footer"></div>





</body>

</html>

Ich weiß net wo der Fehler leigt. bitte helft mir
 
Willkommen im Forum.

Die eine Hälfte des Textes unter absolut positionierten Elementen verborgen und das Menü auf display: none;? :|
 
Zurück
Oben