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

    Problema con layout tre colonne

    Salve a tutti, ho creato una pagina con un layout a tre colonne (le cui due laterali sono float), l'unico problema è che se evidenzio il testo nella colonna centrale (che è più lunga delle altre) la parte evidenziata straborda a destra e sinistra se nelle altre colonne non c'è testo che la blocca. inoltre se imposto un bordo alle colonne laterali, adiacente alla colonna centrale, questo appare solo nelle righe dove c'è del testo. Come posso far si che non accada?
    La bellezza salverà il mondo

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao, qual è il tuo css e il tuo codice? Le colonne sono di larghezza fissa o in precentuale?

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    difficile a dirsi. non sappiamo che intendi con "evidenziato" e per tutto il resto non abbiamo codice da verificare
    quindi nemmeno so se devo spostare il thread in css o che fare

  4. #4
    Vi posto l'indirizzo del sito (chiamiamolo "prototipo"): http://bluespot.altervista.org
    Le colonne in float sono a larghezza fissa, e hanno un margine, un rientro interno e un bordo. La colonna centrale ha solo due margini laterali equivalenti alla larghezza delle colonne vicine.

    Ecco qui la parte di codice interessata:
    codice:
    #CONTAINER {
    	font-family:Helvetica;
    	background-image:URL(http://bluespot.altervista.org/altre...sfondocont.png);
    	width:910px;
    }
    
    #NAVIGAZIONE {
    	border-right:1px green solid;
    	margin-left:30px;
    	padding-left:10px;
    	text-align:left;
    	width:120px;
    	float:left;
    }
    
    #EXTRA {
    	border-left:1px green solid;
    	margin-right:30px;
    	padding:5px;
    	text-align:left;
    	width:120px;
    	float:right;
    }
    
    #CONTENUTO {
    	margin:0 164px;
    	text-align:left;
            padding:5px;
    }

    HTML
    codice:
    <div id="CONTAINER">
    					
    <div id="NAVIGAZIONE">
    Navigazione
    </div>
    					
    <div id="EXTRA">
    Extra
    </div>
    					
    
    <div id="CONTENUTO">
    					
    <h1>
    Titolo
    </h1>
    
    
    
    						
    contenuto
    </p>
    </div>
    
    
    <div id="FOOTER">
    © GF
    </div>
    </div>
    P.S.: Per evidenziato intendo selezionato, per intenderci quando lo vuoi copiare...
    La bellezza salverà il mondo

  5. #5
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    Per evidenziato intendo selezionato, per intenderci quando lo vuoi copiare...
    credo dipenda dal layout utilizzato: in realtà l'elemento selezionato è al di sotto degli altri due, quindi il browser percepisce lo stesso tutto lo spazio intorno. questo comunque non crea problemi si sorta

    ricorda di utilizzare il tag [CODE][/CODE] per postare codice, grazie

    sposto su css

  6. #6
    Il mio problema in realtà è puramente estetico, ma preferirei riuscire a far apparire i bordi delle colonne float...
    La bellezza salverà il mondo

  7. #7
    tu hai bisogno dei rimedi della nonna
    cerca "false colonne"

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.