[CSS] Neue HP - Neues Problem

Dieses Thema im Forum "Webdesign" wurde erstellt von x4you, 2. November 2010 .

  1. 2. November 2010
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Neue HP - Neues Problem

    Hey Leute,

    ich soll mal wieder eine Website machen.

    Foto:
    Bild

    Folgendes Problem:

    Der Kasten mit dem Bild ist eine Div-Box und der kleine Text ist eine Div-Box.
    Ich habe ein Wrapper erstellt, so das das Bild immer Mittig ist. Mein Problem ist nun,
    Das wenn ich den Text-Div in den Kasten haben möchte positionieren muss und der daruch eine feste
    Position hat und sich nicht mit dem Bild mit bewegt wenn man das Fenster kleiner bzw. größer schiebt.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Unbenanntes Dokument</title>
    
    
    <style type="text/css">
    <!--
    body {background:url(Imgaes/background.jpg);
     font-size: 12px;
     color:#564b47; 
     padding:20px;
     margin:0px;
     text-align: center;}
     
     
    .inhalt { 
     text-align: left;
     vertical-align: middle; 
     margin: 0px auto;
     padding: 0px;
     width: 800px;}
     
     .inhalt2 { 
     text-align: left;
     vertical-align: middle; 
     margin: 0px auto;
     padding: 0px;
     width: 800px;
     color:#fff;}
     
    .text {position:relativ
     color:#FFF;}
     
     
    -->
    </style>
    
    </head>
    
    <body>
    
    <div class="inhalt">
    <div class="bg"><img src="Imgaes/background.png" />
    
    <div class="inhalt2">aosdkpaoskd</div>
    
    </div>
    
    </div>
    
    
    </body>
    </html>
    
    
    Weiß jemand von euch wie ich das lösen kann?
    Danke im Vorraus .
     
  2. 2. November 2010
    AW: Neue HP - Neues Problem

    Gibt .inhalt noch position: relative, dann sollte sich dein Div mit Position: absolute am rand von .inhalt ausrichten!
     
  3. 2. November 2010
    AW: Neue HP - Neues Problem

    Hat sich nichts geändert .
     
  4. 2. November 2010
    AW: Neue HP - Neues Problem

    Meintest du etwa so?

    http://nanobyte-online.de/versuchslabor/rrb-t749747/
     
  5. 2. November 2010
    AW: Neue HP - Neues Problem

    äh, perfekt!
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.