Hallo zusammen,
Ich habe local eine Seite erstellt, die im FF, Opera, Netsacpe und IE 7 stimmen.
Die IE's 4- 6 wird mir der Inhalt (MAIN) so vergrössert, dass ich eine sehr lange Seite erhalte und in der mitte steht dann der Inhalt.
Ausschnitte der CSS - Datei:
XHtml:Code:html, body { margin: 0; padding: 0; height: 100%; background-color: #F5F5F5; } * html, body { margin: 0; padding: 0; height: 100%; background-color: #F5F5F5; text-align: center; } * html div.wrapper { width: 779px; height: 100%; background-image: url(../images/inhalt.jpg); background-repeat: repeat; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } div.wrapper { width: 779px; min-height: 100%; height: auto !important; height: 100%; background-image: url(../images/inhalt.jpg); background-repeat: repeat; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } div.header { width: 779px; height: 101px; background-image: url(../images/header.jpg); } * html div.logo { padding-top:17px; padding-left:25px; width: 275px; float:left; height:60px; } div.logo { padding-top:25px; padding-left:25px; width: 275px; float:left; height:60px; } * html div.news_top { width: 450px; height:60px; padding-top: 17px; float:right; display:block; } div.news_top { width: 450px; height:60px; padding-top: 25px; padding-right:20px; float:right; display:block; } div.centerCol { padding: 0; width: 100%; height:100%; background-image: url(../images/inhalt.jpg); } * html div.main { width:520px; padding-right:25px; margin-bottom:25px; height: 100%; float:right; margin-bottom: 25px; } div.main { width:520px; padding-right:25px; padding-left:18px; margin-bottom:25px; margin-left:200px; padding-bottom:25px; text-align: left; } div.menu_top { padding-top: 30px; background-image: url(../images/inhalt_top.jpg); } * html div.menu { width: 160px; height: 125px; } div.menu { width: 160px; height: 100%; } * html div.left { padding-left:28px; float:left; height: 100%; } div.left { padding-left:28px; width: 160px; float:left; height: 100%; } * html div.images { margin-top: 50px; top: 50px; } div#images { vertical-align: bottom; margin-top: 50px; top: 50px; }
Hatt jemand eine Hilfestellung für mich?!Code:<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <?php mosShowHead(); ?> <meta **********="Content-Script-Type" content="text/javascript" /> <meta **********="Content-Type" content="text/html;><?php echo _ISO; ?>" /> <?php if ( $my->id ) { initEditor(); } ?> <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?> </head> <body> <div class="wrapper"> <div class="header"> <div class="logo"><img src="<?php echo $mosConfig_live_site;?>/templates/hofmann-metall/images/logo.gif" width="230" height="69" alt="" /></div> <div class="news_top"><?php mosLoadModules ('header'); ?></div> </div> <div class="centerCol"> <div class="menu_top"> </div> <div class="left"> <div class="menu"><?php mosLoadModules ( 'left' ); ?></div> <div id="images"><?php mosLoadModules ( 'user1' ); ?></div> </div> <div class="main"><?php mosMainBody(); ?></div></div> </div> <div class="footer"><div id="footmenu"><?php mosLoadModules ( 'bottom' ); ?></div></div> </body> </html>


LinkBack URL
About LinkBacks
Zitieren
Lesezeichen