Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    problema di visualizzazione CSS con Firefox

    Salve a tutti!

    Mi sto avvicinando da pochi giorni al CSS e devo dire che ne sono rimasto veramente impressionato..

    Purtroppo facendo alcune pagine di prova, mi sono reso conto che visualizzando le pagine con IE, queste vengono visualizzate benissimo, mentre visualizzate con Firefox l'header è + largo, e quindi il layout sfarfalla portando il div navigation più in basso del voluto...

    Ho cercato la soluzione sui più svariati siti, seguendo le raccomandazoni del caso, ma nulla!

    l'indirizzo del sito è www.itsari.net

    Spero possiate darmi qualche suggerimento, nel caso vi scrivo anche il codice .css

    codice:
    /**/
    html, body{margin: 0;padding:0}
    body{font-family: arial,sans-serif;
    	font-size: 76%;
    	text-align: left}
    div#container{background-position:left top; 
    	width:760px; margin:0 auto;
    	text-align:left;
        border-left:none;
        border-right:2px solid #3366CC; 
        background-image:url('img/images/navigationback.gif'); 
        background-repeat:repeat-y}
    
    /**/
    div#header{color: #FFFF00;
    	background-image:url('img/images/headerback.gif') }
    h1, h2{margin:0;
    	padding:0}
    h1{padding-left:0em;
    	font:bold 0em/80px arial,serif}
    h2{color: #999;
    	font-size:0em}
    div#footer a{color: #fff;
    	font-weight:bold;
    	text-decoration:underline}
    
    /*stili specifici per il layout*/
    div#navigation{float:left;
    	width:129px }
    div#content{margin-left:129px;
    	padding:1em;
    	background-color:#fff}
    div#footer{clear:left; 
    	text-align:center; 
    	padding:0.5em;
        background-color:#69c; 
        color:#000}
    
    /**/
    div#navigation ul{margin:1em 0 1em 1em;
    	padding:0; 
    	list-style-type:none;}
    div#navigation li{margin:0;
    	padding:0}
    div#navigation a{color:#369;
    	font:normal bold 1.2em/1.6em arial,sans-serif;
    	text-decoration:none}
    div#navigation a:hover{color:#033;
    	text-decoration:underline}
    div#navigation a#activelink{color:#033;
    	text-decoration:none}
    Grazie per l'attenzione

  2. #2
    risolto!

    certe volte le cose + semplici non si riescono a capire..

    Smplicemente IE passa sopra alle varie imprecisioni del codice, come ad esempio non specificare la lunghezza del div header, mentre per firefox questo si deve sempre specificare, altrimenti ,a quanto ho capito, fa una media della pagina e decide la lunghezza a suo piacimento.IE questo non lo fa e mantiene la lunghezza della pagina a seconda dell'immagine contenuta all'interno

    In parole povere dovevo solo aggiungere all'header : height:99px;


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.