DIVs und CSS

DIVs und CSS

Beitragvon Hackebein » 02.09.2011, 20:58

Hallo,

Auf meiner Seite (dev.cod4ever.de) habe ich die Seite veröffentlich, aber ich habe ein kleines Problem im "oberen" Bereich, eigentlich sollte der "Kasten" mit der inschrifft "Banner" genau neben den anderen 3 "Kästen" mit den inschriften "Sponsoren", "Partner" und "LiveTicker" sein, aber irgendwie will es nicht funktioneiren, was mache ich falsch, bez wo habe ich einen denkfehler?

Hier nochmal der Code einzelnd:
Code: Alles auswählen
<!DOCTYPE html>
<html>
<head>
   <title></title>
   <style type="text/css">
      html, body
      {
         margin: 0px;
         padding: 0px;
         border: 0px;
         height: 100%;
         min-height: 100%;
         width: 1200px;
         max-width: 1200px;
         min-width: 1200px;
         margin-left: auto;
         margin-right: auto;
      }
      div.background
      {
         position: fixed;
         top: 0px;
         bottom: 0px;
         left: 0px;
         right: 0px;
         background-image: URL(bg.png);
         background-color: #777;
      }
      div.container_block
      {
         margin: 0px;
         padding: 0px;
         display: block;
      }
      div.container_inline
      {
         margin: 0px;
         padding: 0px;
         display: inline-block;
      }
      div.box
      {
         margin-top: 10px;
         magin-bottom: 0px;
         margin-left: 2.5px;
         margin-right: 2.5px;
         padding: 10px;
         background-color: #000;
         filter:alpha(opacity=40); /* IE */
         -moz-opacity:0.4; /* Gecko-Browser */
         opacity:0.4; /* Opera 9+ */
         display: inline-block;
         color: #888;
      }
   </style>
</head>
<body>
<div class='background'>&nbsp;</div>
<div class='container_block' style='width: 1200px;'>
   <div class='container_block'>
      <div class='container_inline'>

         <div class='container_block'>
            <div class='box' style='width: 570px; height: 200px;'>Banner
            </div>
         </div>
      </div>
      <div class='container_inline'>
         <div class='container_block'>
            <div class='box' style='width: 570px;'>Sponsor
            </div>
         </div>

         <div class='container_block'>
            <div class='box' style='width: 570px;'>Partner
            </div>
         </div>
         <div class='container_block'>
            <div class='box' style='width: 570px;'>LiveTicker
            </div>
         </div>
      </div>
   </div>

   <div class='container_block'>
      <div class='box' style='width: 1170px'>Server
      </div>
   </div>
   <div class='container_block'>
      <div class='box' style='width: 280px'>widgets
      </div>
      <div class='box' style='width: 860px'>inhalt
      </div>
   </div>

</div>
</body>
</html>
Hackebein
neu hier
 
Beiträge: 2
Registriert: 02.09.2011, 15:44

Re: DIVs und CSS

Beitragvon Hackebein » 02.09.2011, 23:21

entschuldigt die frage ich habe nur
Code: Alles auswählen
vertical-align: top;

vergessen
Hackebein
neu hier
 
Beiträge: 2
Registriert: 02.09.2011, 15:44


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "DIVs und CSS"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast