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

    [css] help!! per layout con css

    ciao a tutti,
    sto diventando pazzo con i div e i loro posizionamento...
    Fino a quando testo al mia pagina sui browser della famiglia Mozilla/Gecko tutto bene, ma quando provo con IE sia Mac che Win..
    un disastro...

    dunque il layout è strutturato così:

    codice:
    +--------- ---------------+    
    |             |                                 |      
    |             |                                 |
    +------+-----------------+
    |                                               |   
    +-------------------------+
    |                       |                       |   
    |                      +------------+
    |                       |                       |  
    |                      +------------+
    |                       |                       |
    |                       |                       |
    |                       |                       |
    |                       |                       |
    +-------------------------+
    questo è l'html:

    codice:
    <body>
    	<div class="principale">
    		<div class="bandaLarga">
    			<div class="logo">
    				[img]img/logo.gif[/img]
    			</div>
    		</div>
    		<div class="bandaPiccola">
    			
    		</div>
    		<div class="corpo">
    			<div class="parteDx">
    				<div class="menu">
    					menu
    				</div>
    				<div class="centrale">
    					centrale
    					
    
    
    
    
    
    
    
    
    
    
    
    
    				</div>
    				</div>
    			<div class="parteSx">
    				<div class="news">
    					news
    					
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    				</div>
    			</div>
    		</div>
    	</div>
    </body>
    Questo è il CSS:

    codice:
    body {
    
    	margin: 0px;
    	background-color:#45443F;
    	/*text-align: center;*/ /* barbatrucco per il bug di IE5*/
    	font-family:verdana, arial, helvetica, sans-serif;
    
    }
    
    div.principale{
    	margin: 20px auto;
    	padding:0px;
    	position: relative;
    	width: 760px;
    	
    	background-color:#FBEEB9;
    	border: 1px;
    	border-style: solid;
    	border-color: black;
    	
    	voice-family: "\"}\"";
        voice-family:inherit;
        width: 802px; /* the correct height */ 
    }
    
    
    
    div.bandaLarga{
    	margin 0px;
    	padding:0px;
    	position: relative;
    	top: 0px;
    	left: 0px
    	height: 150px;
    	
    	voice-family: "\"}\"";
        voice-family:inherit;
        height:150px; /* the correct height */ 
    	
    	text-align: right;
    }
    
    div.logo{
    	margin 0px;
    	padding:0px;
    	position: relative;
    	top: 76px;
    	left: 25px;
    	height: 82px;
    	
    	voice-family: "\"}\"";
        voice-family:inherit;
        height:82px; /* the correct height */ 
    	
    	text-align: left;
    	vertical-align: bottom;
    }
    
    div.bandaPiccola{
    	margin 0px;
    	padding:0px;
    	position: relative;
    	top: 0px;
    	left: 0px
    	height: 15px;
    	
    	voice-family: "\"}\"";
        voice-family:inherit;
        height:15px; /* the correct height */ 
    	
    	background-color:black;
    	text-align: left;
    }
    
    div.corpo{
    	margin 0px;
    	padding:0px;
    	
    	text-align: left;
    
    }
    
    div.parteDx{
    	margin 0px;
    	padding:0px;
    	position: relative;
    	top: 0px;
    	left: 260px;
    	width: 470px;
    	height: 50px;
    	
    	voice-family: "\"}\"";
        voice-family:inherit;
        height:50px; /* the correct height */ 
    	width: 470px;
    	
    	text-align: left;
    	vertical-align: bottom;
    	font-size:9px;
    	font-weight:500;
    	text-transform: lowercase;
    	background-color:red;
    
    }
    
    div.menu{
    	margin 0px;
    	padding:0px;
    	position: relative;
    	top: 0px;
    	left: 0px;
    	width: 470px;
    	height: 50px;
    	
    	voice-family: "\"}\"";
        voice-family:inherit;
        height:50px; /* the correct height */ 
    	width: 470px;
    	
    	text-align: left;
    	vertical-align: bottom;
    	font-size:9px;
    	font-weight:500;
    	text-transform: lowercase;
    	background-color:#FF7F00;
    }
    
    div.parteSx{
    	margin 0px;
    	padding:0px;
    	position: relative;
    	top: -50px;
    	left: 25px;
    	width: 235px;
    	
    	voice-family: "\"}\"";
        voice-family:inherit;
    	width: 235px;
    	
    	text-align: left;
    	vertical-align: bottom;
    	font-size:9px;
    	font-weight:500;
    	text-transform: lowercase;
    	background-color:red;
    
    }
    
    div.news{
    	margin 0px;
    	padding:0px;
    	position: relative;
    	left:0px;
    	top:0px;
    	width: 235px;
    	
    	text-align: left;
    	background-color:silver;
    
    }
    
    div.centrale{
    	margin 0px;
    	padding:0px;
    	position: relative;
    	left:0px;
    	top:0px;
    	width: 390px;
    	
    	text-align: left;
    	background-color:magenta;
    
    }
    Aiutatemi, per favore, prima che prenda a calci il computer...

    Thankz,

    {AMK13}

  2. #2
    Non riesci a mettere un indirizzo http dal quale si possano vedere gli errori?
    Così non è facile..
    Ciao!

  3. #3
    Ma
    codice:
    voice-family: "\"}\"";
        voice-family:inherit;
    A che serve? Non l'ho mai usato...

  4. #4
    A che serve? Non l'ho mai usato...
    dovrebbe servire per eludere il bug su IE5 che riduce lo spazio disponibile all' interno del DIV, se sono presenti bordi e padding.
    Ho provato proprio ieri quel trucco....ma mi sembra che non funioni.

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.