Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080

    Div assoluto che non sta al suo posto

    La mia pagina ha questa struttura:

    codice:
    <div id="container>
    <div id="banner">BARRA TOP CHE CONTIENE IMG ALTA 112px</div>
    <div id="ban">klsdjfkl skldjfklsa slkdfj klsdjf </div>
    <div id="sidebar-a">MENU DI SX</div>
    <div id="content">TESTO CONTENUTO</div>
    </div>
    CSS:
    codice:
    html, body 
    {
      width: 100%;
    }
    
    body
    {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 0.7em;
    	height: 100%;
    	margin: 0px;
    	padding: 0px;
    	background-color: #FFFFFF;
    }
    
    #container 
    {
    	margin: 0px;
    	margin-left: auto;
    	margin-right: auto;
    	padding: 0px;
    }
    
    #banner 
    {
    	padding: 0px;
    	margin-bottom: 0px;
    	text-align: left;
    	background-color: #FFFFFF;
    	background-image: url(images/kaimand_03.gif);
    	background-repeat: repeat-x;
    	background-position: top;		
    }
    
    #ban
    {
     	position:absolute;
    	top:76px;
    	width:auto;
    	height:20px;
    	z-index:102;
    	padding: 0px;
    	margin-bottom: 0px;
    	text-align: right;
    	background-color: #FFFFFF;
    }
    
    #content 
    {
    	padding: 0px;
    	margin: 0px;
    	margin-left: 150px;
    	background-color: #ffffff;
    	padding-left: 2px;
    	padding-right: 2px;
    	vertical-align: top;
    }
    
    #sidebar-a {
    	float: left;
    	width: 137px;
    	\width: 147px;
    	w\idth: 137px;
    	margin: 0;
    	padding-left: 2px;
    	padding-right: 2px;
    	padding-top: 0px;
    	background-color: #ffffff;
    }
    vorrei che il div con id ban fosse allineato a destra, ma nonostante abbia mess un text-align: right.
    Se vario la larghezza del div al 100% per visualizzarlo devo ricorrere alla scroll bar orizzontale per vederlo.

    Sonia

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Che io sappia, per posizionare orzzontalmente un div, devi usare l'attributo left (o right nel tuo caso).
    Il text-align allinea il testo all'interno del div, quindi probabilmente non fa nulla (immagino che non ci sia testo direttamente nel div).

    Quindi dovresti scrivere:
    right:0;

    Nota: right potrebbe non funzionare in tutti i browser (invece left funziona ovunque): http://www.w3schools.com/css/css_ref...sp#positioning
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Visto che il right funziona da IE 5.0 in poi preferisco abbandonare l'idea che mi era venuta e farla diversamente. cmq grazie

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.