Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di fe1978
    Registrato dal
    Sep 2003
    Messaggi
    52

    [XHTML] layout a due colonne

    Ciao ragazzi,
    ho creato la struttura della mia pagina. Ho un problema con la testata: innanzitutto il sito è al 100%. In alto ho un layer float:left largo 200px e a fianco un layer dove ho il testo allineato a sinistra senza width.
    Tutto funziona perfettamente (a parte che se metto l'altezza nel layer di destra mi crea un padding tra i due pur essendo definito nei css a 0...) fin quando non ridimensiono la pagina: quando il menù non riesce più a stare su un'unica riga, mi va a capo.
    Come faccio ad evitarlo?

    grazie

  2. #2
    Utente di HTML.it L'avatar di deleted_id_48586
    Registrato dal
    Nov 2002
    Messaggi
    1,732
    posta il codice e il link alla pagina altrimenti è difficile aiutarti.

  3. #3
    Utente di HTML.it L'avatar di fe1978
    Registrato dal
    Sep 2003
    Messaggi
    52
    <div id="testata">
    <div id="testatasx"><a href="#">[img]assets/images/cr/logo2.gif[/img]
    </a></div>
    <div id="testatadx" align="right"><a href="#">[img]assets/images/cr/logo2.gif[/img]
    </a></div>
    </div>


    e questi sono gli stili:

    #testata {
    background : #EFEFEF;
    border-bottom : 1px solid #B9C1D4;
    height : 23px;
    }

    #testata img {
    border : 0 none;
    padding : 0px 0px 0px 0px;
    margin : 0px 0px 0px 25px;
    }

    #testatasx {
    height : 23px;
    margin: 0;
    margin-right: 0;
    padding: 0;
    float : left;
    width: 200px;
    \width: 200px;
    w\idth: 200px;
    text-align : left;
    }

    #testatasx img {
    border : 0 none;
    padding : 0px 0px 0px 25px;
    margin : 0px 0px 0px 25px;
    }

    #testatadx {
    margin-left: 200px;
    padding: 0;
    text-align : right;
    }

  4. #4
    Utente di HTML.it L'avatar di deleted_id_48586
    Registrato dal
    Nov 2002
    Messaggi
    1,732
    quale menù però io dal codice non vedo nessun menù cerca di essere più specifico e postare magari un'immagini di come è adesso e una di come lo vorresti.

    Per buttarla lì cmq potrebbe servirti un semplice elemento con il "clear" dopo i due div flottanti.

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.