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

    Allineamento a dx in layout fluido

    Ciao a tutti di nuovo ho il seguente problema:

    Ho crato una header, di altezza 90px, la quale contiene:
    a - un banner che ricopre tutta lunghezza della pagina
    b - una altro piccolo banner di lunghezza 200 (che sta sopra ad 'a') ma allineato a destra della pagina.
    Ecco c'è b che mi si sovrappone ad a, come faccio a dire ad a che deve starsene sotto e a bi che deve starsene sopra?

    Codice CSS:

    codice:
    #header 
    { 
        height: 95px;
        background: #ebebeb;
    }
        #contact_bar 
        { 
            height: 15px;
            width: 190px;
            background:url(../images/header/banner_contattaci.jpg) repeat-y;
            float:right;
        }
        #sidebar 
        { 
            height: 80px;
            background:url(../images/header/banner_header.jpg) repeat-x;
    
        }

    Codice HTML:

    codice:
    <div id="header">
    	<div id="contact_bar">
        </div>
        <div id="sidebar">
        </div>
    </div>

    bella

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Se i blocchi devono sormontarsi, devono avere un posizionamento.
    E se c'e` il position, il float non ha senso.

    Non so cosa sia una lunghezza: credo che nel tuo caso intendi larghezza

    Quindi il CSS dovrebbe diventare del tipo:
    codice:
    #header { 
    	position:relative;
    	height: 95px;
    	margin: 0;
    	padding: 0; 
    	background: #ebebeb;
    }
    #contact_bar { 
    	position: absolute;
    	width: 200px;
    	right: 0; top: 0;
    	height: 15px;
    	margin: 0;
    	padding: 0;
    	background:url(../images/header/banner_contattaci.jpg) repeat-y;
    }
    #sidebar { 
    	position: absolute;
    	left: 0; top: 0;
    	height: 80px;
    	width: ??;  /* immagino che dovrai sistemare anche questo */
    	margin: 0;
    	padding: 0; 
    	background:url(../images/header/banner_header.jpg) repeat-x;
    }
    Poi per la sovrapposizione: quello che deve stare sopra deve essere inserito dopo, oppure devi anche sistemare ad ambedue z-index opportuni.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    ok ok grazie ma se faccio come dici te la sidebar non mi viene lunga quanto tutta la pagina, invece se non imposto il width lei si adatta.

    e cmq ho risolto per quanto riguarda la sovrapposizione, basta mettere il clear e si sistema.

    cmq grazie e scusa se non mi sono spiegato bene, sono un po' dislessico

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.