tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
317
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 16.03.10 18:31 #1
    Vinc Vinc ist offline Grünschnabel
    Registriert seit
    Mar 2010
    Beiträge
    3
    Hi zusammen,

    folgender Code:

    HTML-Code:
    <body bgcolor="#fffeec">
<img src="images/psychologie-stuttgart.gif" style="position:absolute; top:0px; left:0px; width:20px; height: 100%; z-index:1;"
/>
</body>
    Der Farbverlauf wird im FF, etc. einwandfrei angezeigt, im IE 8.06 bleibt unten ein weises Stück frei (vgl. cgjung-stuttgart.de/space.html).
    Woran liegt das? Komme momentan nicht dahinter und über die Suche hab ich nichts gefunden, obwohl es wahrscheinlich recht simpel zu lösen ist.

    Bin über Tips dankbar.
    Grüße,
    Vinc
     
    Zitieren Zitieren
  2. 16.03.10 18:38 #2
    Avatar von ComFreek
    ComFreek ComFreek ist offline [x] Let it be logic!
    tutorials.de Moderator
    Registriert seit
    Jun 2009
    Beiträge
    2.361
    Blog-Einträge
    4
    Du musst noch ein CSS-Bereich definieren mit folgenden Inhalt:
    css Code: html, body

    {

    height: 100%;

    width: 100%;

    }
     
    mfg ComFreek

    Falls ich dir geholfen habe, würde ich mich über ein DANKE freuen!
    Kenn mich am besten aus in C++, WEB-Sprachen (PHP, HTML, JavaScript) und vllt. mehr
    [PHP] Überprüfen, ob Website erreichbar • Sicherheit in PHP-Codes schaffen • Google Chrome-Extension für tutorials.de • json_compress()
    Zitieren Zitieren
  3. 16.03.10 18:56 #3
    Maik Tutorials.de Gastzugang
    Zitat Zitat von ComFreek Beitrag anzeigen
    Du musst noch ein CSS-Bereich definieren mit folgenden Inhalt:
    css Code: html, body

    {

    height: 100%;

    width: 100%;

    }
    Nö, die IE-Familie wünscht sich hier diese Regel, um den Abstand zum unteren Fensterrand aufzuheben

    Code css:
    1

    body { margin:0; }
    HTML-Code:
    <html>
<head>
...

<style type="text/css">
body { margin:0; background:#fffeec; }
</style>

</head>
<body>
...
</body>
</html>

    Dein Tipp mit der height:100%-Regel für <html> u. <body> würde sich zu meinem dazugesellen, wenn das HTML-Dokument mit einem entsprechenden Dokumenttyp im standardkonformen Modus den Browsern übergeben wird.

    In diesem Fall würde dann nicht nur IE, sondern auch Firefox und die übrigen modernen Browser das (Grafik-)Element nicht in seinem vertikalen Viewport auf 100% strecken, sondern es in seiner Ausgangshöhe (hier 20px) darstellen.

    mfg Maik
     
    Zitieren Zitieren
  4. 16.03.10 19:21 #4
    Vinc Vinc ist offline Grünschnabel
    Registriert seit
    Mar 2010
    Beiträge
    3
    Danke euch beiden.
    Der Tip von Maik hat einwandfrei funktioniert!

    Danke und Grüße,
    Vinc
     
    Zitieren Zitieren
« DruckCSS Querformat | Problem im IE 7 »

Ähnliche Themen

  1. Height 100% will nicht
    Von sufijen im Forum CSS
    Antworten: 6
    Letzter Beitrag: 24.07.08, 09:16
  2. Div min-height:100% will nicht
    Von freakcx im Forum CSS
    Antworten: 2
    Letzter Beitrag: 28.07.07, 18:19
  3. Tabellen Zeile durchgängig gestallten
    Von picos im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 17.07.07, 23:19
  4. Mehrspaltiges Layout: Probleme mit min-height:100% bzw height:100%
    Von gunwald im Forum CSS
    Antworten: 0
    Letzter Beitrag: 22.01.07, 20:00
  5. Gestrichelte CSS Linie im IE nicht vorhanden/durchgängig
    Von Dranoel im Forum CSS
    Antworten: 21
    Letzter Beitrag: 26.10.06, 12:45