kostenloser Webspace werbefrei: lima-city

Divs werden nicht angezeigt

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   no-smoke

   

   no-smoke hat kostenlosen Webspace.

   20:43, 19.3.2010

   Was für einen Grund könnte es haben, das im Firefox und im Opera Explorer alle meine Divs Richtig angezeigt werden nur im IE und Google Chrome nicht?
   In jedem DIv befindet sich ein Bild. Leider werden die Bilder jedoch im IE gar nicht angeziegt und im Google Chrome ledier über die ganze Seite gestreckkt. Wenn ich Text in die Divs schreibe, wird er an der richtigen Stelle angezeigt.

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. nikic

   

   nikic hat kostenlosen Webspace.

   20:44, 19.3.2010

   Ohne Code können wir dir nicht helfen.
   
   Allgemein gilt: Nicht wundern, wenn im IE etwas nicht geht.
4. Autor dieses Themas

   no-smoke

   

   no-smoke hat kostenlosen Webspace.

   20:47, 19.3.2010

   nikic schrieb:
   Ohne Code können wir dir nicht helfen.
   

   
   OK:
   Verantwortlicher teil aus index.php:
   
   

   <div id="all">
   <div id="top_menu"><jdoc:include type="modules" name="top_menu" style="xhtml" />  </div>
   <div id="center_mid"><img src="./templates/ab/images/content-center.png" alt="" border="0" width="100%" height="100%"></div>
   <div id="center_top"><img src="./templates/ab/images/content-top.png" alt="" border="0" width="100%" height="100%"></div>
   <div id="center_bot"><img src="./templates/ab/images/content-bot.png" alt="" border="0" width="100%" height="100%">Hallo</div>
   <div id="center_mid_text"><jdoc:include type="component" style="xhtml" /></div>
   <div id="left"><jdoc:include type="modules" name="left" style="xhtml" /></div>

   
   
   CSS:
   
   

   #center_mid {
        position: absolute;
      top: 10%;
      left: 20%;
      width: 60%;
      height: 80%;
   
       }
   
   
     #center_top {
        position: absolute;
      top: 6%;
      left: 19.5%;
      width: 61%;
   
   
   
       }
   
        #center_bot {
        position: absolute;
      top: 89%;
      left: 20%;
      width: 60%;
   
   
   
       }

5. abakus

   

   abakus hat kostenlosen Webspace.

   0:42, 20.3.2010

   no-smoke schrieb:
   
   
   CSS:
   
   

   #center_mid {
        position: absolute;
      top: 10%;
      left: 20%;
      width: 60%;
      height: 80%;
   
       }
   
   
     #center_top {
        position: absolute;
      top: 6%;
      left: 19.5%;
      width: 61%;
   
   
   
       }
   
        #center_bot {
        position: absolute;
      top: 89%;
      left: 20%;
      width: 60%;
   
   
   
       }

   
   

   
   
   hmmm, ... also hier fehlt ja noch einiges ... und dann position: absolute; top: ...%; left: ...%; width: ... %; ??? ... Prozentangaben sind relative Werte
   
   ... und width="100%" height="100%" (Prozentangaben) bei Bildern ? beabsichtigst Du hier alle Bilder (mit width="100%" height="100%") übereinanderlappend über die ganze Seite zu stretchen (hiermit auf den IE anspielend ^^), oder was soll damit bewerkstelligt werden ? der FF bezieht die Prozentangabe im Bild auf das Bild selbst (das sich dann auch in seinen Originalmaßen zeigt), der IE jedoch bezieht jene Angabe stets (über das Bild hinausgehend) auf die Einbindungsgrundlage (in diesem Fall die Seite, wobei ohne Bild-PixelMaß keine Orientierung erfolgen und kein Zueinanderbezug hergestellt werden kann und infolge dessen dann auch nix erscheint, dem ausgenommen im Fall div spielt das Bild die Rolle eines background-image, was dann aber auch genau so definiert werden muß ) ... folglich, insofern es nur Bild (img) sein soll, entschließt man sich zu verwenden, was alle gängigen Browser gleichermaßen gut zu verstehen und zu interpretieren vermögen => Angabe der Pixel-Maße (das dürfte insoweit kein so großes Problem sein, denke ich mal )
   
   greetz abakus
   
   Beitrag zuletzt geändert: 20.3.2010 2:46:51 von abakus
6. Autor dieses Themas

   no-smoke

   

   no-smoke hat kostenlosen Webspace.

   11:31, 20.3.2010

   Super, damit hat sich das Problem erledigt.
   Wie blöd von mir es in css als absolut zu definieren.

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?