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

    layout incompatibile con ie6

    Salve a tutti, purtroppo ho un problema

    la mia pagina html è strutturata in 2 colonne

    una a lato dove c'è il menù
    l'altra a destra dove c'è il contenuto


    codice:
    /*div della testata
    div#header{
    	background-image: url(images/testata2.png);
    	background-repeat: no-repeat;
    	width: 1022px;
    	height: 340px;
    	padding-top: 1em;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	margin-bottom: 0px;
    }
    
    /*div del menu*/
    div#navigation{
    	float:left;
    	width:150px;
    	font-size:10px;
    	text-align:left;
    	margin-left: 200px;
    	border: thin dashed #0099CC;
    	margin-top: 20px;
    	background-color: #CFE9E8;
    	padding-top: 0px;
    	font-family: "futura md", Helvetica, Verdana, Arial, sans-serif;
    }
    /*altro div posto sotto al contenuto la larghezza non cambia*/
    div#validation{
    	float:left;
    	width:150px;
    	font-size:10px;
    	text-align:left;
    	margin-left: 200px;
    	margin-top: 20px;
    	padding-top: 0px;
    	font-family: "futura md", Helvetica, Verdana, Arial, sans-serif;
    }
    /* div del contenuto */
    div#contenuto{
    	float:right;
    	width:430px;
    	font-size:12px;
    	text-align:justify;
    	border: thin dashed #0099CC;
    	padding: 2px;
    	margin-top: 20px;
    	margin-right: 215px;
    	height: 540px;
    }
    /*div del footer*/
    div#footer{
    	text-align:center;
    	color: #000;
    	background-image: url(images/footer.png);
    	background-repeat: no-repeat;
    	width: 1022px;
    	height: 257px;
    	margin: 0px;
    	padding: 0em;
    }
    con firefox e ie7 si vede bene il layout con menù a sinistra e contenuto a destra

    con ie6 si vede il contenuto a destra e sotto al contenuto sempre a destra il menù


    come posso ovviare al problema?

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    1. verifica il clear
    2. verifica le larghezze in funzione del bug dei 3px

    Cyà

  3. #3
    ho risolto con display: inline;

    grazie lo stesso

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 © 2026 vBulletin Solutions, Inc. All rights reserved.