Visualizzazione dei risultati da 1 a 3 su 3

Discussione: errori nel css

  1. #1

    errori nel css

    ciao, ormai è da un pò che ci sbatto la testa, sto creando un sito che vorrei venisse come la foto in allegato, ma vedo tutto bene su IE a 1280 di risoluzione, già a 1024 l'impaginazione va a farsi benedire.

    so che ci sono dei problemi nel css, ma non riesco a trovarli, vi posto il css:

    codice:
    html,body{margin:0; height: 100%;}
    
    body{
    	background: url(img/sfondo.jpg) repeat-x;
    	background-color:#c9c9c9;
    	font-family: Verdana;
        font-size: 80%;   /*dimensionamento percentuale del font */
    	color:#000000;
        /*text-align: center;   /*centra in IE 5.x */
        }
    
    	
    div#alone{
    	position: absolute;
    	margin: 0 auto;
    	width:100%;
    	height:20%;
    	left:0;
    	}
    	
    div#credit{
    	position: absolute;
    	width:100%;
    	height:101px;
    	background:url(img/credit.jpg) no-repeat center;
    	/*top: 620px;*/
    	bottom: -56px;
    	left:1px;
    	}
    
    div#pulsanti{
    	position: absolute;
    	width:100%;
    	height:61px;
    	padding-top: 16%;
    	left:0;
    	}
    	
    div#credit_txt{
    	position: relative;
    	width:100%;
    	height:101px;
    	bottom:0;
    	text-align:center;
    	}
    
    div#foglie{
    	position: relative;
    	width:306px;
    	height:355px;
    	bottom:0px;
    	left:0;
    	}
    	
    div#container{
    	position: absolute;
    	width:100%;
    	height:100%;
    	/*text-align: center;*/
    	margin-top:0px;
    	border:#FFFF99;
    	border:double;
        }
    
    div#content{
    	position: absolute;
    	width:100%;
    	text-align: center;
    	top:0;
    	right:0;
    	border:#FF0099;
    	border:double;
    	}
    
    div#pagina_sfondo{
    	position: absolute;
        width: 100%;
    	/*height:30%;*/
    	/*margin: 0 auto;*/
    	left:0;
    	text-align:center;
    	top:18%;
    	border:#000099;
    	border:double;
        }
    		
    div#pagina{
    	position: relative;
       	width: 873px;
    	height:30%;
    	text-align:center;
    	top:30%;
    	border:#000099;
    	border:double;
    	overflow:auto;
    	margin: 30% auto;
        }
    	
    div#logo{
    	position: absolute;
    	float:left;
    	left:0;
    	/*background: url(img/logo.png);*/
    	padding-top: 0; /*l' altezza dell' header*/
    	/*left:0;*/
        /*width: 436px;
    	height:304px;*/
    	width:34.5%;
    	height:15%;
    	/*text-align:justify;*/
        }
    
    .tab{
    	margin: 0 auto;
        }
    Immagini allegate Immagini allegate

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    posizionamento con float

    nello specifico

    "This property specifies whether a box should float to the left, right, or not at all. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned."

    Inoltre, c'è un motivo particolare per cui alcuni attributi li metti come commenti?

  3. #3
    no i commenti, li ho messi per fare delle prove, invece di cancellare

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.