container übereinanderlegen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • container übereinanderlegen

    moin moin

    Habe folgendes Problem - möchte einen Container "Inhalt" im Hintergrund haben und darüber dann die Container "Ueberschrift" und "Marken" legen - so wie ich es jetzt habe funktioniert es nicht

    PHP-Code:
    <!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" xml:lang="de">
    <
    html>
    <
    head>
    <
    title>AUTO</title>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <
    link rel="stylesheet" type="text/css" href="css/auto.css" media="screen" />

    </
    head>

    <
    body background="css/hintergrund.jpg">

    <
    div id="inhalt">

      <
    table width="100%" border="0" cellspacing="0" cellpadding="0">
        <
    tr>
          <
    td>&nbsp;</td>
          <
    td width="900"><table width="900" border="0" cellspacing="0" cellpadding="0">
              <
    tr>
                <
    td width="20" background="css/hintergrund_links.jpg">&nbsp;</td>
                <
    td height="840">&nbsp;</td>
                <
    td width="20" background="css/hintergrund_rechts.jpg">&nbsp;</td>
              </
    tr>
            </
    table></td>
          <
    td>&nbsp;</td>
        </
    tr>
      </
    table>

    </
    div>
    <
    div id="ueberschrift"><img src="Bilder/finanzierungsangebot.gif"></div>
    <
    div id="marken"><img src="Bilder/Logos/marken.jpg"></div>

    </
    body>
    </
    html
    cssdatei
    PHP-Code:
          .ueberschriftwidth:159pxheight:156px;positionabsolute;
           
    margin-left50%; 
          
    left:-360px;
          
    top345px  ;
          
    z-index:3;
          }
          .
    markenwidth:87pxheight:451px;positionabsolute;
           
    margin-left50%; 
          
    left:-360px;
          
    top345px  ;
          
    z-index:2;
          }
          .
    inhaltwidth:87pxheight:451px;positionabsolute;
           
    margin-left50%; 
          
    left:-360px;
          
    top345px  ;
          
    z-index:1;
          } 

  • #2
    Hallo,

    in CSS gibt es 3 Möglichkeiten der Zuweisung:
    1. der Punkt --> Klasse des Elements
    2. die Raute --> ID des Elements
    3. gar nichts --> Tag-Name des Elements (gilt für alle Elemente dieses Tags: img {} --> betrifft alle <img ... />

    Unterschied: eine ID darf nur 1x im kompletten Dokument vorkommen. Eine Klasse kann mehrmals vorkommen.

    <div id="ueberschrift"> muss also in CSS mit #ueberschrift { } definiert werden

    <div class="ueberschrift"> muss also in CSS mit .ueberschrift { } definiert werden


    gruß
    Piremilok

    Edit: Dritte Möglichkeit hinzugefügt
    Zuletzt geändert von Piremilok; 18.10.2008, 12:48.

    Kommentar


    • #3
      vielen dank - das wars

      Kommentar

      Lädt...
      X