[CSS] Inhalt bricht aus DIV-Container aus

**phlux**

Alles klärchen popärchen, nur mal eben das design rausnehmen

Code:

			<html>

 <head>

  <title>blubb</title>

  <style type="text/css"><!--

   body {

     background: #ccccad;     

     margin: 0px;

   }

   div {

     font-family: Arial;

     font-size: 12px

   }

  //--></style>

 </head>

 <body>

  <div style="width: 760px; background: black">

   <div style="width: 128px; height: 96px; background: red; top: 60px; position: absolute; z-index: 2"></div>

   <div style="width: 632px; height: 96px; background: ivory; top: 60px; left: 128px; position: absolute; z-index: 2">  

    <div style="position: absolute; left: 10px; top: 50px; font-family: impact; color: white; font-size: 20px">Blubb/div>

    <div style="position: absolute; left: 15px; top: 72px; font-family: impact; color: white; font-size: 14px">Lecker Veronas Blubb</div>    

   </div>

   <div style="width: 632px; left: 128px; top: 0px; height: 60px; position: absolute; z-index: 1; background: yellow"></div> 

   <div style="position: absolute; width: 632px; left: 128px; top: 156px; background: pink">

    <div style="width: 485px; padding-left: 132px; padding-top: 15px; padding-bottom: 15px; text-align: justify; color: orange; z-index: 2">

     <div style="position: relative; z-index: 2; top: 0px;">

        TEXT

        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque luctus, elit nec posuere euismod, tortor felis

   volutpat quam, vel pulvinar felis orci vel odio. Integer tristique lectus quis pede pellentesque ultricies. 

   Suspendisse convallis quam et purus. Aliquam non ligula. Suspendisse ac leo. Duis eu sapien eu sapien consectetuer 

   sagittis. Nullam a massa vel ipsum blandit congue. Suspendisse enim pede, euismod fermentum, tempus sed, malesuada 

   auctor, lacus. Proin accumsan rutrum eros. Integer scelerisque, est ac cursus facilisis, urna mi facilisis risus, 

   malesuada vestibulum nisl tortor sit amet neque. Nulla congue. Nulla facilisi. Etiam pharetra leo vel erat. Ut eu 

   ante sit amet diam feugiat nonummy.

     </div>   

     <div style="left:0px; width: 632px; height: 499px; position: absolute; bottom: 0px; z-index: 0; background-color: gray">

     </div>   

    </div>

   </div>

  </div>

 </body>

</html>

Achtung Augenkrebsgefahr

[CSS] Inhalt bricht aus DIV-Container aus

Re: [CSS] Inhalt bricht aus DIV-Container aus

Forumregeln