Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484

    Collocazione impropria colonna flottante

    Sto provando a usare tecniche diverse per costruire un sito.
    Nel layout che ho adottato in questo test, ho un problema
    di collocazione. Il menu di navigazione di destra non si colloca
    a destra del testo (#content), ma in basso a destra. Forse,
    ho fatto un uso improprio del float, ma (almeno a quest'ora)
    non ho ancora risolto. Posto il codice pertinente:
    codice:
    html{margin:0; padding:0; background:#17237A}
    body{margin:0; padding:0; font-family:verdana,arial,sans-serif;font-size:76%; }
    div#container{width:94%; margin:2.6em auto; background-color:white;}
    
    /*stili su header*/
    [cut]
    
    /*stili per la navigazione menu header*/
    [cut]
    
    /*stili specifici per il layout*/
    div#extra{float:left; width:160px;\width:170px;w\idth:160px; padding:1em 0 0 20px; background:white;}
    div#navbar{float:right; width:250px;\width:260px;w\idth:250px;}
    div#content{margin:0 280px 0 180px; padding:1em 15px;background-color:#F4F4F4;overflow:visible; color:#17237A;}
    
    /*stili per la navigazione menu di sinistra (colonna 1)*/
    [cut]
    
    /*stili per la navigazione menu di destra (colonna 3)*/
    div#navbar ul{margin:0; padding:0; list-style-type:none;}
    div#navbar li{margin:0; padding-bottom:10px;}
    div#navbar a{color:#a11f12; font:bold 0.8em/1.4em verdana,arial,sans-serif; text-decoration:none;}
    div#navbar a:hover{color:#17237A; text-decoration:underline;}
    div#navbar a:active{color:#17237A; text-decoration:none;}
    div#navbar a#activepage_r{color:#17237A;text-decoration:none;}
    h3.navbar_1{color:#17237A; font:bold 1.2em verdana,arial,sans-serif;}
    h3.navbar_2{color:#17237A; padding-top:1.8em; font:bold 1.2em verdana,arial,sans-serif;}
    Mi sapreste suggerire dove sta l'errore?
    Potete vedere il risultato a questo indirizzo:
    http://samiel.netsons.org/test/chisi...iamo_home.html

    Grazie
    M.

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    1. verifica se hai usato correttamente il clear
    2. se il problema è solo su IE6, controlla che non sia dovuto al bug dei 3px

    Cyà

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Non capisco... Adesso si vede correttamente...Non è sconcertante?
    Cmq non era un bug di IE perché io lavoro con Linux, non con Win.

    Un'altra cosa: alcune pagine di questo sito, come quella all'indirizzo
    che ho fornito, presentano una barra di navigazione più lunga
    della colonna centrale col testo. In questo caso... non resta
    che usare un'immagine di sfondo per estendere il fondo colorato
    alla colonna centrale, giusto?

    Grazie
    M.

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da samiel
    Un'altra cosa: alcune pagine di questo sito, come quella all'indirizzo
    che ho fornito, presentano una barra di navigazione più lunga
    della colonna centrale col testo. In questo caso... non resta
    che usare un'immagine di sfondo per estendere il fondo colorato
    alla colonna centrale, giusto?
    fai una ricerca per "faux columns". Se ho capito bene ciò che chiedi, con quello risolvi

  5. #5
    [...]

    Errore
    Flickr .:. Work In Progress

    Non lasciare la mia mano, ovunque sarai, con chiunque ti accompagnerai. Non dimenticarti di me, ne morirei.

  6. #6
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Errore?

    M.

  7. #7
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Sto vedendo. Avevo fatto una prova tempo fa,
    ma il colore del background mi copriva tutto.
    Adesso studio prima un po' più di teoria.
    Ho visto che si può adottare anche javascript...


    Grazie
    M.

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.