Visualizzazione risultati 1 fino 1 di 1

Discussione: [IE6] Siamo alle solite... (float, padding, margin)

  1. #1
    Guest

    Arrow [IE6] Siamo alle solite... (float, padding, margin)

    Salve, per godermi le mie meritate vacanze devo finire questo sito (clicca qui ) fatto con joomla. Usando firefox funziona una meraviglia però il mio cliente ha IE6 e giustamente rompe perchè si vede male... ho provato di tutto... ora mi appello a voi.
    Su IE6 il footer è l'unico che si trova nella posizione giusta mentre gli altri no...

    ora vi posto un pezzo di index.php e un pezzo del css...

    Codice HTML:
    <div id="wrapper">
    	<div class="inside">
        	<div id="header">
            	<div class="headermenu">
            	<jdoc:include type="modules" name="top" />
                
            	<div id="logo"></div>
                <div class="moduletable-nav">	
                    <jdoc:include type="modules" name="user3"  />
                </div>
                </div>
            </div>
            <?php if($this->params->get('showBanner')) : ?>
    	  <div id="banner">
    	  	  <img src="templates/<?php echo $this->template ?>/images/banner.png" alt="Banner" border="0" />
            </div>
            <?php endif; ?>
            <div id="top">
            	<div id="pathway">
    				<jdoc:include type="module" name="breadcrumbs" />
    			</div>
                <div id="search">
    				
    			</div>
                <div class="clr"></div>
            </div>
    		<div id="mainbody">
          		<?php if($this->params->get('showComponent')) : ?>
    	        	<div id="content">
    	            	<div class="inside">
    		                	<jdoc:include type="component" />
                                            <jdoc:include type="modules" name="user4" />
    	      	      </div>
     	            </div>
    	            <?php endif; ?>
     	            <?php if ($this->countModules('right')) : ?>
     	            <div id="sidebar2">
     		           	<div class="inside">
       		         		<jdoc:include type="modules" name="right" style="xhtml"/>					
         		           </div>
         		      </div>
         	 	      <?php endif; ?>
              		<?php if ($this->countModules('left')) : ?>
        			<div id="sidebar">
                  		<div class="inside">
                			<jdoc:include type="modules" name="left" style="xhtml"/>
                   		</div>
            		</div>
                	<?php endif; ?>
                	<div class="clr"></div>
            	</div>
            </div>
        </div>
    </div>
    <div id="bottom">
    	<div class="inside">
        	<jdoc:include type="modules" name="footer" /> 
        </div>
    </div>

    Codice HTML:
    #wrapper {
    	width:720px; /*center hack*/
    	text-align:left;
    	margin: 0 auto;
            background-image: url(../images/top.png);
    	background-repeat: x-repeat;
    }
    #wrapper .inside {
            padding: 0;
    }
    #debug {
    	width:720px; /*center hack*/
    	text-align:left;
    	background-color: #FFFFFF;
            background-image: url(../images/top.png);
    	background-repeat: x-repeat;
    }
    #bottom {
    	width:720px; /*center hack*/
    	text-align:center;
    	margin: 0 auto;
    	color: #f79708;
            height:100px;
            background-image: url(../images/bottom.png);
    	background-repeat: no-repeat;
            margin-bottom:10px;
            line-height:1.0em;
    }
    #header {
    	text-align:left;
    	height: 214px;
    	overflow: hidden;
            background-image: url(../images/header.png);
    	background-repeat: no-repeat;
    }
    #top {
    	background-color: #EDEDED;
            padding-left:30px;
            background-image: url(../images/top.png);
    	background-repeat: x-repeat;
    }
    #logo {
    	display: block;
    	background-image: url(../images/logo.png);
    	background-repeat: no-repeat;
    	height: 156px;
    	width: 120px;
        float:right;
    	margin-right:85px;
    	margin-top:-20px;
    	}
    #footer {
    	clear:both;
    	height: 77px;
            background-image: url(../images/prebottom.png);
    	background-repeat: no-repeat;
    }
    #mainbody {
    }
    #mainbody .inside {
    	padding-top: 10px;
    	padding-right: 0px;
    	padding-bottom: 10px;
    	padding-left: 20px;
            
    }

    Confido in voi...
    Tommaso
    Ultima modifica di dreadnaut : 30-06-2008 alle ore 14.08.49 Motivo: + tag [html]

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •