+ Antworten
Ergebnis 1 bis 7 von 7

Thema: Darstellungsprobleme bei IE8

  1. #1
    Neu an Board
    Registriert seit
    30.05.2011
    Beiträge
    13
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Darstellungsprobleme bei IE8

    Hallo Zusammen,

    Ein User hat mir geschrieben das mein Template mit dem Browser IE8 ziemlich miserabel dargestellt wird.

    Ein paar Fehler auf der Site:
    - Startseite, Film/Diashow nicht sichtbar
    - menuleiste, angewähltes vergrössert sich, darübergefahrenes verschwindet
    - wenn eine Menuseite grladen ist, kann man nicht mehr auf die weiteren zugreifen

    Kann mir da jemand helfen, leider sehe lauter Bäume den Wald nicht mehr...

    HTML-Code:
    <?php
    /**
     * @copyright	Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
     * @license		GNU/GPL, see LICENSE.php
     * Joomla! is free software. This version may have been modified pursuant
     * to the GNU General Public License, and as distributed it includes or
     * is derivative of works licensed under the GNU General Public License or
     * other free or open source software licenses.
     * See COPYRIGHT.php for copyright notices and details.
     */
    
    defined('_JEXEC') or die('Restricted access');
    $url = clone(JURI::getInstance());
    $path = $this->baseurl.'/templates/'.$this->template;
    
    $showleftColumn = $this->countModules('left');
    $showrightColumn = $this->countModules('right');
    $showuser1Column = $this->countModules('user1');
    $showuser5Column = $this->countModules('user5');
    $showtopColumn = $this->countModules('top');
    
    
    if(JRequest::getCmd('task') != 'edit') $Edit = false; else $Edit = true;
    ?>
     <?php
       $menus      = &JSite::getMenu();
       $menu      = $menus->getActive();
       $pageclass   = "";
       
       if (is_object( $menu )) : 
       $params = new JParameter( $menu->params );
       $pageclass = $params->get( 'pageclass_sfx' );
       endif; ?>
    <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
    
    <head>
    <meta **********="X-UA-Compatible" content="IE=7"/>
    	<script src="<?php echo $path ?>/scripts/mootools.js" type="text/javascript"></script>
    	
    	<jdoc:include type="head" />
    	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
    	**********!window.jQuery && document.write(unescape('%3Cscript src="<?php echo $path ?>/scripts/jquery-1.4.2.js"%3E%3C/script%3E'))</script>
    	
    	<script src="<?php echo $path ?>/scripts/cufon-yui.js" type="text/javascript"></script>
    	<script src="<?php echo $path ?>/scripts/cufon-replace.js" type="text/javascript"></script>
    	<script src="<?php echo $path ?>/scripts/Colaborate-Bold_400.font.js" type="text/javascript"></script>
    	<script src="<?php echo $path ?>/scripts/Colaborate-Thin_400.font.js" type="text/javascript"></script>
    	<script src="<?php echo $path ?>/scripts/imagepreloader.js" type="text/javascript"></script>
    	<script type="text/javascript">
    			var $j = jQuery.noConflict();
    			preloadImages([
    			'<?php echo $path ?>/images/menu_active.jpg',
    			'<?php echo $path ?>/images/button2_right.jpg',
    			'<?php echo $path ?>/images/arrow-right-hover.jpg',
    			'<?php echo $path ?>/images/arrow-left-hover.jpg']);
    	</script>
    <script type="text/javascript">
    function popup (url) {
     fenster = window.open(url, "http://www.zapperbusch.com/cms/showroom/index.php", "width=400,height=300,resizable=yes");
     fenster.focus();
     return false;
    }
    </script>
    	
    	<!--[if lt IE 7]>
    		<div style=' clear: both; text-align:center; position: relative;'>
    			<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" &nbsp;alt="" /></a>
    		</div>
    	<![endif]-->
    
    	<!--[if lt IE 9]>
    		<style type="text/css">
    			.border{ behavior:url(path-to-your-folder/PIE.php) }
    		</style>
    	<![endif]-->
    	<link rel="stylesheet" href="<?php echo $path ?>/css/template.css" type="text/css" />
    <script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-21519786-2']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script>
    </head>
    	<style>
    	 .social, .row, .cont_pad_1 {
    		 	behavior:url(<?php echo $path ?>/PIE.php)
    		}
    	</style>
    <?php
    $menu = &JSite::getMenu();
    if ($menu->getActive() == $menu->getDefault()) {
        $body_class = 'first';
    }else{
        $body_class = 'all';
    }
    ?>
    <body class="<?php echo $body_class; ?>">
    	<div class="main">
    		<div class="extra"> 	
    		<!--header-->
    		
    		<div class="header">
    					<div class="header-block">
    				<jdoc:include type="modules" name="user1" />
    				<jdoc:include type="modules" name="user2" />
    				<jdoc:include type="modules" name="user3" />
    			</div>
    					<p><a href="<?php echo $_SERVER['PHP_SELF']?>" title="Zapperbusch GmbH"><img  title="Zapperbusch GmbH" src="<?php echo $path ?>/images/logo.png"   alt="Zapperbusch GmbH"  /></a></p>
    					<p>
    						<jdoc:include type="modules" name="user5" />
    					</p>
    					<div class="navigation"><jdoc:include type="modules" name="user4" style="topmenu" /></div>
    				</div>				
    		
    		
    		<div class="cont_pad">
    			<div class="cont_pad_indent">
    				<!--content-->
    				<jdoc:include type="modules" name="user6" style="wrapper_box" />
    					<div class="clear">
    					<!--right-->
    					<?php if ($showrightColumn && !$Edit) : ?>
    					<div id="right">
    						<jdoc:include type="modules" name="right" style="wrapper_box" />
    					</div>
    					<?php endif;?>
    					<!--left-->
    					<?php if ($showleftColumn && !$Edit) : ?>
    					<div id="left">
    						<jdoc:include type="modules" name="left" style="wrapper_box" />
    					</div>
    					<?php endif;?>
    					<!--center-->
    					<div id="content">
    						<div class="container" >
    							
    							<div class="clear">
    								<?php if ($this->getBuffer('message')) : ?>
    								<div class="error err-space">
    									<jdoc:include type="message" />
    								</div>
    								<?php endif; ?>
    								<jdoc:include type="component" />
    							</div>
    							
    						</div>
    					</div>
    				</div>
    			</div>
    			<!--footer-->
    			<div class="footer-top">
    				<div class="footer">
    					<div class="footer-indent"><?php echo JText::_('Zapperbusch GmbH, Switzerland (c) 2011&nbsp;  &nbsp;') ?><a href="#"></a>&nbsp;&nbsp;&nbsp;<!-- {%FOOTER_LINK} --></div>
    				</div>
    			</div>
    		</div>
    		</div>
    	
    	</div>
    <script type="text/javascript"> Cufon.now(); </script>
    </body>
    </html>

  2. #2
    War schon öfter hier Avatar von NemesisBLN44
    Registriert seit
    11.03.2008
    Beiträge
    179
    Bedankte sich
    0
    Erhielt 40 Danksagungen
    in 38 Beiträgen

    Standard

    hi zapperbusch,

    ...leider sehe lauter Bäume den Wald nicht mehr...
    wenn du uns hier einfach nur einen quellcode angibst - wird hier auch keiner durchblicken! bitte einen link zur website posten, damit man sich ein eigenes bild von deinem problem machen kann.

    gruß
    if (ahnung == 0) { read FAQ; use SEARCH; use GOOGLE; } else { use brain; make post; }

  3. #3
    Wohnt hier Avatar von oldlady
    Registriert seit
    17.09.2008
    Ort
    München
    Beiträge
    4.848
    Bedankte sich
    357
    Erhielt 1.409 Danksagungen
    in 1.290 Beiträgen

    Standard

    Der link steht im Quellcode. Der html-Validator meldet 44 Fehler, vielleicht liegt es daran?
    Grüße, Christiane
    Joomla braucht dich!

  4. #4
    Neu an Board
    Registriert seit
    30.05.2011
    Beiträge
    13
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Links

    Sorry ich dachte ich hätte den gepostet www.zapperbusch.com

  5. #5
    Gute Seele des Boards Avatar von Indigo66
    Registriert seit
    30.10.2007
    Ort
    München
    Beiträge
    10.687
    Bedankte sich
    338
    Erhielt 3.354 Danksagungen
    in 3.244 Beiträgen

    Standard

    Die Klasse .container benötigt in der CSS für den IE auch ein width:100%.

  6. #6
    Neu an Board
    Registriert seit
    30.05.2011
    Beiträge
    13
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hallo Ingo,

    Besten Dank für deine Antwort.. jetzt natürlich voll die Anfänger Frage,
    in welchen Container Eintrag muss die 100% stehen. Im ersten css Eintrag steht die 100% Klasse..

    .container ul, .list, #right .module_menu, #right ul {
    list-style-image: none;
    width: 100%;
    }

    .container ul li, #content .module ul li, .list li, #right .module_menu li, .module_menu li, #right ul li {
    list-style-image: none;
    padding: 0px;
    }

    .container ul li a, .list li a, #right .module_menu li a, #content ul li a:hover, #content .module ul li a, #content .module ul li a:hover, #right ul li a {
    color: #95c60a;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 24px;
    text-transform: none;
    }

    #content ul li a:hover, #content .module ul li a:hover, .container ul li a:hover, .list li a:hover, #right .module_menu li a:hover, #right ul li a:hover {
    text-decoration: none !important;
    }

    .container ul li p {
    line-height: 14px;
    padding: 0;
    }

    .container ul li span {
    color: #2bc7ea;
    font-style: italic;
    }

  7. #7
    Gute Seele des Boards Avatar von Indigo66
    Registriert seit
    30.10.2007
    Ort
    München
    Beiträge
    10.687
    Bedankte sich
    338
    Erhielt 3.354 Danksagungen
    in 3.244 Beiträgen

    Standard

    Nur .container! Da es diesen Serlektor in der CSS nicht gibt, mußt Du ihn nachtragen.
    Code:
    .container {width:100%;}
    Und natürlich die Validierungsfehler noch beheben.
    Geändert von Indigo66 (31.10.2011 um 21:44 Uhr)

+ Antworten

Lesezeichen

Berechtigungen

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