Height 100% im IE zu weit

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Tomasch, 12. Oktober 2007 .

Schlagworte:
  1. 12. Oktober 2007
    Ich hab ein Problem, und zwar will ich, dass die Seite über 100% des Fensters dargestellt wird.
    Bei Firefox und Opera sieht alles wunderbar aus und klappt auch alles, aber im IE (wo auch sonst?!) geht der Inhalt über die 100% hinaus.

    Auszug aus CSS:
    Code:
    html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    border: none;
    font-family: arial, sans-serif;
    font-size: 14px;
    color: #5d5c5c;
    background: #373737 url(../images/bg.jpg) repeat-x top;
    }
    
    #content {
    height: 100%;
    width: 586px;
    padding: 10px 10px 10px 30px;
    vertical-align: top;
    }
    
    #modul {
    height: 100%;
    width: 180px;
    padding: 10px 8px 10px 4px;
    vertical-align: top;
    }
    Auszug aus der index.php:
    HTML:
    ...
    <body>
    
    <table cellspacing="0" cellpadding="0" border="0" width="100%" height="100%">
     <tr>
     <td height="32" background="templates/RobertFoto/images/bg_top.jpg"><img src="templates/RobertFoto/images/spacer.gif" height="1" width="100%" alt="spacer" /></td>
     <td height="32" width="790" background="templates/RobertFoto/images/center_top.jpg"></td>
     <td height="32"><img src="templates/RobertFoto/images/spacer.gif" height="1" width="100%" alt="spacer" /></td>
     </tr>
     <tr>
     <td></td>
     <td height="103" width="790" background="templates/RobertFoto/images/header.jpg"></td>
     <td></td>
     </tr>
     <tr>
     <td></td>
     <td height="40" width="790" background="templates/RobertFoto/images/nav.jpg"><div id="nav"><?php mosLoadModules ( 'top' ); ?></div></td>
     <td></td>
     </tr>
     <tr>
     <td></td>
     <td height="100%" width="790" background="templates/RobertFoto/images/content.jpg">
     <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
     <tr>
     <td id="content"><?php mosMainBody(); ?></td>
     <td width="2" height="100%">
     <img src="templates/RobertFoto/images/seperator_top.jpg" border="0" height="199" width="2" alt="seperator" /><br />
     <img src="templates/RobertFoto/images/seperator.jpg" border="0" height="5%" width="2" alt="seperator" /><br />
     <img src="templates/RobertFoto/images/seperator_bottom.jpg" border="0" height="199" width="2" alt="seperator" />
     </td>
     <td id="modul"><?php mosLoadModules ( 'right' ); ?></td>
     </tr>
     </table>
     </td>
     <td></td>
     </tr>
     <tr>
     <td height="16" bgcolor="#000000" colspan="3"></td>
     </tr>
    </table>
    
    </body>
    </html>

    Und so sieht das ganze aus:

    Firefox:
    {bild down}

    IE:
    {bild down}


    mfg Tomasch
     
  2. 12. Oktober 2007
    AW: Height 100% im IE zu weit

    wofür gibts du dem body 100%?
    der body ist immer voll
     
  3. 12. Oktober 2007
    AW: Height 100% im IE zu weit

    ie und 100% höhe, immer das selbe^^
    benutz keine 100% höhe und gut.
     
  4. 12. Oktober 2007
    AW: Height 100% im IE zu weit

    @breZZer: Ne funst iwie nich, weil ich n paar Tabellen (Header, Navi etc) in Pixeln angeb und den Content geb ich dann 100%, damit der den Rest vom Fenster einnimmt (oder geht das noch anders?).
    Wenn ich beim Content die 100% wegnehm verzieht der IE die anderen Tabellen...

    @Murdoc-4D: Ne, is doof... dann hängt der schwarze balken unten inner Luft und der sollte am Fensterboden sein.

    Hat keiner ne Idee, wie's gehen würde? Wäre wirklich sehr dankbar!!

    mfg Tomasch
     
  5. 12. Oktober 2007
    AW: Height 100% im IE zu weit

    dann via document.getElementById('content').style.height = ermittelte höhe + 'px';
     
  6. 12. Oktober 2007
    AW: Height 100% im IE zu weit

    ich meinte vom body, net vom content

    im csscode brauchen html und body keine angabe für höhe breite, etc
     
  7. 12. Oktober 2007
    AW: Height 100% im IE zu weit

    Doch, ansonsten würd das Design nich bis nach unten gehen...
    Weil man dem Browser erst sagen muss, dass 100% vom Fenster "genommen" werden sollen...
    Würd ich das wegmachen, würd das Design nur noch so groß wie der Text und die festen Höhenangaben sein

    @Murdoc-4D: Könntest du das nochma genauer erläutern? Was wo hin muss etc. Wäre ganz nett, weil ich keine Ahnung von Javascript hab

    mfg Tomasch
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.