ilch.de :: Forum :: Allgemein :: HTML, PHP, SQL,...

ilch Forum » Allgemein » HTML, PHP, SQL,... » CSS

Gehe zu Seite:

Geschlossen

Mi. 16.04.2008 13:54 Uhr #1

Oldemuche Mitglied

Hallo, ich habe ein kleines Problem. Ist es möglich das Hintergrund Bild einzuteilen ? Also das 50% Links des Hintergrundes das Background Bild 1 hat und bei 50% Rechts des Hintergrundes das Background Bild 2 hat. Wäre das Möglich ? Und wenn ja wird das von allen Browsern Akzeptiert ? Und wie gehts ? xD

Ich hoffe ich versteht meine Ausdrucksweise.
Mfg: oLde

0 Mitglieder finden den Beitrag gut.

zitieren

Mi. 16.04.2008 21:57 Uhr #2

Oldemuche Mitglied

Schade kann mir wohl keiner weiterhelfen.

0 Mitglieder finden den Beitrag gut.

zitieren

Mi. 16.04.2008 22:05 Uhr #3

OloX Hall Of Fame

hey Oldemuche,
probier es doch einfach mit 2 DIV's die jeweils eine breite von 50 % haben zwinker

so habe da mal was gemacht ^^.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <title></title>
     <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
      
   <style type="text/css">
    <!--
     
   body {
   margin:0px;
   }
    
   #boxes {
   position:absolute;
   background-color: yellow;
   background-image:url(bgpic.png);
   width:50%;
   height:100%;
   float:left;
   }
    
   #boxes2 {
   position:absolute;
   background-color: blue;
   background-image:url(bgpic.png);
   width:50%;
   left: 50%;
   height:100%;
   float:left;
   } 
    
   #con {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   position:absolute;
   width: 500px;
   height: 500px;
   margin: 10px;
   left: 200px;
   top: 1px;
   z-index:3;
   }        
    //-->
    </style>
    
   </head>
   <body>
    
   <div id="boxes"></div>
   <div id="boxes2"></div>
   <div id="con">blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla 
  </div>   
  
 </body>
</html>