+ Antworten
Seite 1 von 3 1 2 3 LetzteLetzte
Ergebnis 1 bis 10 von 23

Thema: Problem mit IE7 Darstellung

  1. #1
    Neu an Board Avatar von -nitro-
    Registriert seit
    16.06.2006
    Beiträge
    60
    Bedankte sich
    7
    1 Danksagung in 1 Beitrag

    Frage Problem mit IE7 Darstellung

    Hallo an alle,

    habe leider ein Problem mit Mambo und dem Internet Explorer 7.
    Normalerweise bleibt der Content immer innerhalb der Seite und es gibt quasi einen Iframe.

    Mit dem IE 7 läuft alles über den Footer hinweg!?! Was tun?

    Siehe Screenshot!

    Vielen Dank schonmal!

    -nitro-
    Angehängte Grafiken

  2. #2
    Neu an Board
    Registriert seit
    29.07.2007
    Beiträge
    89
    Bedankte sich
    5
    Erhielt 15 Danksagungen
    in 14 Beiträgen

    Standard

    Nur mit den von Dir angehängten Grafiken kann man eine ganze Fülle von Mutmaßungen anstellen, sinniger wäre ein Link.

    Sieht aus wie ein unglückliches Zusammenspiel von div-containern und Tabellen. Müsste dann aber entweder jetzt auch in anderen Browser zu finden sein bzw. hätte das insbesondere auch im IE6 zur Katastrophe geführt.

  3. #3
    Neu an Board Avatar von -nitro-
    Registriert seit
    16.06.2006
    Beiträge
    60
    Bedankte sich
    7
    1 Danksagung in 1 Beitrag

    Pfeil Quelltext

    Im Internet Explorer 6 sowie Firefox 1 und 2 läuft die Seite!

    Anbei der Quelltext der index.php sowie der css Datei. Das müsste doch schon weiterhelfen, oder?

    index.php:
    Code:
    <?php  
    defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );
    global $mosConfig_absolute_path;
    
    // needed to seperate the ISO number from the language file constant _ISO
    $iso = explode( '=', _ISO );
    // xml prolog
    echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="<?php echo $mosConfig_live_site; 
    
    ?>/templates/sporttraumatologie/css/template_css.css" />
    <?php if ( $my->id ) {	initEditor();} ?>
    <meta **********="Content-Type" content="text/html; <?php echo _ISO; ?>" />
    <?php mosShowHead(); ?>
    
    </head>
    <body>
    <div id="container">
      <div id="header"><img src="<?php echo $mosConfig_live_site;?>/templates/sporttraumatologie/images/sport_header.gif" 
    
    width="989" height="112" border="0" usemap="#mail" /></div>
    		
    	<div id="header_navi">
    	  <?php mosLoadModules ( 'top_navi', -1 ); ?>
    	</div>
    	
    	<div id="navi_links">
    		  <?php mosLoadModules ( 'main_navi', -1 ); ?>
    			
    	<div style="margin-top: 7px;">	
    	
    	
    	<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000" 
    
    codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" width="245" height="164">
    
     <param name="movie" VALUE="<?php echo $mosConfig_live_site; ?>/templates/sporttraumatologie/images/version1.swf">
     <param name="quality" value="high" />
     <param name="bgcolor" value="#ffffff" />
    
    <embed src="<?php echo $mosConfig_live_site; ?>/templates/sporttraumatologie/images/version1.swf" quality="high" 
    
    bgcolor="#ffffff" width="245" height="164"type="application/x-shockwave-flash" 
    
    pluginspage="http://www.macromedia.com/go/getflashplayer" />
    
    </object>
    		
    		
    		</div>	
    	</div>
    	
    	<div id="content">
    		 <?php mosMainBody(); ?>
    	</div>
    	
    	<div id="footer">
    	<?php mosLoadModules ( 'footer_nav', -1 ); ?>
    	</div>
    
    </div>
    
    
    
    </body>
    </html>
    und jetzt noch die CSS Datei:

    Code:
    html,body {width:100%;margin:0px;padding:0px;}
    body {
     font-family: arial,verdana,sans-serif;
     font-size: 9px;
     color: #6A686B;
     height: 100%;
     width:100%;
     margin: auto;
    }
    
    
    #container {
     width: 989px;
     height: 588px;
    
     left: 50%; margin-left: -494px; top: 50%; margin-top: -300px; 	
     position: absolute;
    
     
    }
    
    #header {
     width: 989px;
     height: 112px; /* 112px*/
     background-image: url(../images/sport_header.gif);
    }
    
    #header_navi {
     width: 989px;
     height: 38px; /*41px*/
     background-image: url(../images/sport_header_navi.jpg);
    }
    
    .contentheading, .componentheading, .sectiontableheader, b, strong, .sectiontableentry1,  .sectiontableentry2{
     font-size: 13px;
     font-weight: bold;
     color: #6A686B;
    }
    
    
    #navi_links {
     width: 246px;
     height: 405px;  /*405*/
     float: left;
     background-image: url(../images/sport_navi_links.jpg);
     text-align: right;
     padding-top: 0px; /*10px*/
    }
    #navi_links table td {
     font-family: helvetia;
     text-align: right;
     padding-right: 10px;
     height: 35px; /*40*/
     font-weight: 600;
     font-size: 15px;
    }
    
    
    #content {
     width: 701px;
     height: 405px;
     overflow: auto;
     float: right;
     border-right: solid 1px #706F65;
     font-family: arial,verdana,sans-serif;
     font-size: 9px;
     color: #6A686B;
     padding: 20px;
    
    }
    
    .contentpaneopen{
     font-family: arial,verdana,sans-serif;
     font-size: 13px;
     color: #6A686B;
    }
    
    #footer {
     margin-top:-30px; /*---*/
     width: 989px;
     height: 31px; 
     clear: both;
     background-image: url(../images/sport_footer_neu.jpg);
    }
    
    
    
    
    
    
    #mainlevel-nav {
     margin-left: 230px; 
     padding: 0px;
     width: 740px;
     height: 20px; /* 20 */
    }
    #mainlevel-nav li {
     background-image: none;
     padding: 0px;
     list-style:none; 
     float: left; 
     margin: 0px; 
     width: 122px; 
     font-size: 11px;
     line-height: 10px;
     white-space: nowrap;
     display: block;
     height: 10px;
     font-weight: 600;
     text-decoration: none;
     text-align: center;
    }
    #mainlevel-nav a.main_level-nav,a {
     color: #2A81C3;
     text-decoration: none;
    }
    #mainlevel-nav a {
     float: none;
     display: block;
     position: relative;
     top: 7px;
    }
    #mainlevel-nav a:hover, a:hover {
    }
    #mainlevel-nav.active_menu-nav{
     color: #5B5F68;
    }
    
    .mainlevel-main.active_menu-nav{
     color: #5B5F68;
    }
    
    
    
    
    
    
    .navi_links moduletable-nav {
     margin-left: 250px; 
     margin-top: 0px; /*10px*/
     padding: 50px;
    }
    
    .moduletable-nav a{
     color: #0D70B9;
     text-decoration: none;
     float: none;
    }
     
    .moduletable-nav a:hover, a:hover {
    }
    #active_menu-nav{
     color: #5B5F68;
    }
    
    
    
    
    
    
    #mainlevel-footnav {
     margin-left: 535px; 
    
     padding: 0;
     width: 450px;
    }
    
    #mainlevel-footnav li {
     background-image: none;
     padding-left: 0px;
     list-style:none; 
     float: left; 
     margin: 0; 
     width: 70px; 
     font-size: 13px;
     line-height: 20px; /*10*/
     white-space: nowrap;
     text-indent: 8px;
     font-weight: 600;
     text-decoration: none;
     display: block;
     text-align: center;
    }
    #mainlevel-footnav a.main_level-footnav {
     color: #2A81C3;
     text-decoration: none;
    }
    #mainlevel-footnav a {
     float: none;
     display: block;
     position: relative;
     top: 7px;
    }
    #mainlevel-footnav a:hover, a:hover {
    }
    #mainlevel-footnav.active_menu-footnav{
     color: #5B5F68;
    }
    
    /* Formular */
    label, .label {
     font-size: 11px;
    }
    
    .formtext{
     font-size: 12px;
     font-weight: 600;
    }
    
    input text {
     border: 1px solid grey;
    }
    
    
    a.readon {
     font-size: 11px;
     display: block;
     height:40px;
     width: 100px;
    }
    
    .pagenav_prev, .pagenav_next  {
     font-size: 11px;
    }

  4. #4
    Hat hier eine Zweitwohnung Avatar von eresbe
    Registriert seit
    13.04.2006
    Ort
    Krefeld
    Beiträge
    1.496
    Bedankte sich
    28
    Erhielt 412 Danksagungen
    in 389 Beiträgen

    Standard

    Hallo,

    kommentiere mal die rot markierten Zeilen aus:
    Code:
    #content {
     width: 701px;
     height: 405px;
     overflow: auto;
     float: right;
     border-right: solid 1px #706F65;
     font-family: arial,verdana,sans-serif;
     font-size: 9px;
     color: #6A686B;
     padding: 20px;
    
    }
    Bismarck biss Marc, bis Marc Bismarck biss!
    Sag: "Wir denken an Euch…" Solidarität mit Soldaten zeigen

  5. #5
    Neu an Board Avatar von -nitro-
    Registriert seit
    16.06.2006
    Beiträge
    60
    Bedankte sich
    7
    1 Danksagung in 1 Beitrag

    Daumen hoch

    wenn ich die beiden ausklammere wird der footer einfach dem inhalt entsprechend nach unten gedrückt. das sieht dann so aus wie auf dem foto.
    im firefox hingegen bleibt es weiterhin in dem quasi iframe.

    wäre super so, wenn ichs für firefox auch noch ändern könnte?

    das rote im bild, fehlt dann im design (ist einfach weiss). die stelle müsste ich dann noch blau machen um den Kasten zu schließen und den rahmen noch drum!?


    sonst aber schon genau das was ich brauche! danke!
    Angehängte Grafiken

  6. #6
    Hat hier eine Zweitwohnung Avatar von eresbe
    Registriert seit
    13.04.2006
    Ort
    Krefeld
    Beiträge
    1.496
    Bedankte sich
    28
    Erhielt 412 Danksagungen
    in 389 Beiträgen

    Standard

    im firefox hingegen bleibt es weiterhin in dem quasi iframe.
    wäre super so, wenn ichs für firefox auch noch ändern könnte?
    Das raffe ich nicht Gib mir ein Beispiel

    Dem rot markierten Bereich gibst Du entweder über
    Code:
    background: #deine_farbdefinition;
    einen einheitlichen Hintergrund oder über ein entsprechendes Bild einen Farbverlauf
    Code:
    background: url(.../images/dein_bild.gif) repeat-y;
    Bismarck biss Marc, bis Marc Bismarck biss!
    Sag: "Wir denken an Euch…" Solidarität mit Soldaten zeigen

  7. #7
    Neu an Board Avatar von -nitro-
    Registriert seit
    16.06.2006
    Beiträge
    60
    Bedankte sich
    7
    1 Danksagung in 1 Beitrag

    Standard

    hat sich erledigt, im firefox sieht es jetzt aus wie im IE7 ,-). ALso schon mal super!

    jetzt muss ich nur noch diese rote fläche färben. weißt du wie am besten? einen neuen kontainer?

  8. #8
    Hat hier eine Zweitwohnung Avatar von eresbe
    Registriert seit
    13.04.2006
    Ort
    Krefeld
    Beiträge
    1.496
    Bedankte sich
    28
    Erhielt 412 Danksagungen
    in 389 Beiträgen

    Standard

    Also wenn ich das jetzt richtig verstehe: Die Seite hat eine fixe Höhe von 4XXpx. Alles, was da nicht rein passt, muss gescrollt werden?
    Bismarck biss Marc, bis Marc Bismarck biss!
    Sag: "Wir denken an Euch…" Solidarität mit Soldaten zeigen

  9. #9
    Neu an Board Avatar von -nitro-
    Registriert seit
    16.06.2006
    Beiträge
    60
    Bedankte sich
    7
    1 Danksagung in 1 Beitrag

    Standard

    sorry für die umstände,

    die seite hat seit deinem vorschlag keine fixe höhe mehr, was auch gut so ist!

    je nach content ist sie jetzt halt so hoch wie nötig (wobei sie eine min-height von 588px) hat.
    jetzt möchte ich nur noch den roten bereich unter dem "fußballer bild" also unter dem linken menü färben. Damit der optisch nochmal abgegrenzt wird.

  10. #10
    Hat hier eine Zweitwohnung Avatar von eresbe
    Registriert seit
    13.04.2006
    Ort
    Krefeld
    Beiträge
    1.496
    Bedankte sich
    28
    Erhielt 412 Danksagungen
    in 389 Beiträgen

    Standard

    Hatte ich aber schon mal in einem vorherigen Posting erläutert - oder?
    Bismarck biss Marc, bis Marc Bismarck biss!
    Sag: "Wir denken an Euch…" Solidarität mit Soldaten zeigen

+ Antworten
Seite 1 von 3 1 2 3 LetzteLetzte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein