Height 100% im IE zu weit

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

Schlagworte:
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #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. Anzeige
  3. #2 12. Oktober 2007
    AW: Height 100% im IE zu weit

    wofür gibts du dem body 100%?
    der body ist immer voll
     
  4. #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.
     
  5. #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
     
  6. #5 12. Oktober 2007
    AW: Height 100% im IE zu weit

    dann via document.getElementById('content').style.height = ermittelte höhe + 'px';
     
  7. #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 ;)
     
  8. #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
     

  9. Videos zum Thema
Die Seite wird geladen...
Similar Threads - Height 100 weit
  1. Antworten:
    5
    Aufrufe:
    1.400
  2. Antworten:
    1
    Aufrufe:
    269
  3. [HTML] + [CSS] Height=100%

    Mr.Clear , 11. Dezember 2007 , im Forum: Webentwicklung
    Antworten:
    5
    Aufrufe:
    233
  4. Antworten:
    2
    Aufrufe:
    423
  5. Tablle height="100%"

    Mr.Clear , 29. Juni 2006 , im Forum: Webentwicklung
    Antworten:
    4
    Aufrufe:
    305
  • Annonce

  • Annonce