kostenloser Webspace werbefrei: lima-city


Divs werden nicht angezeigt

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    no-smoke

    Kostenloser Webspace von no-smoke

    no-smoke hat kostenlosen Webspace.

    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. Ohne Code können wir dir nicht helfen.

    Allgemein gilt: Nicht wundern, wenn im IE etwas nicht geht.
  4. Autor dieses Themas

    no-smoke

    Kostenloser Webspace von no-smoke

    no-smoke hat kostenlosen Webspace.

    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. 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: ... %; ??? :cool: ... Prozentangaben sind relative Werte :wink:

    ... 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 :biggrin: )

    greetz abakus

    Beitrag zuletzt geändert: 20.3.2010 2:46:51 von abakus
  6. Autor dieses Themas

    no-smoke

    Kostenloser Webspace von no-smoke

    no-smoke hat kostenlosen Webspace.

    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?

Über lima-city

Login zum Webhosting ohne Werbung!