Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di flash20
    Registrato dal
    Dec 2003
    Messaggi
    567

    Div Contenitore Non Si Adatta Al Contenuto

    Ciao a tutti ho un div content con all'interno due colonne, il problema che il container non si adatta all'altezza delle colonne. Questo è il codice in sintesi:

    codice:
    #content{
    	position:relative;
    	width: 1024px;
    	text-align: left;
    	background-color: #DED7C5;
    #colonnasx{
    	width: 311px;
    	float: left;
    }
    #colonnadx{
    	width: 713px;
    	float: right;
    }
    codice:
      <div id="content">
    
            <div id="colonnasx"></div>
            <div id="colonnadx"></div>
    
      </div>
    Come posso fare??

    Grazie

  2. #2
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title><style type="text/css">
    #content{
    	position:relative;
    	width: 1024px;
    	text-align: left;
    	background-color: #DED7C5;
    	clear: both;
    }
    #colonnasx {
    	width: 311px;
    	float: left;
    }
    #colonnadx{
    	width: 713px;
    	float: left;
    }
    #clear {
    	clear: both;
    }
    </style>
    </head>
    
    <body>
    
    <div id="content">
    
            <div id="colonnasx">testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    </div>
      <div id="colonnadx">testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    testo
    </div>
      <div id="clear"></div>
      </div>
    
    
    </body>
    </html>

  3. #3
    Utente di HTML.it L'avatar di flash20
    Registrato dal
    Dec 2003
    Messaggi
    567
    Non funziona

    per precisione il tutto è racchiuso in un container con queste caratterstiche:
    codice:
    #container{
    	width: 1024px;
    	text-align: left;
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    }
    e quindi il codice sarebbe (adesso conle tue modifiche):
    codice:
    <div id="container">
    
       <div id="header"></div>
    
       <div id="content">
            <div id="colonnasx"></div>
            <div id="colonnadx"></div>
            <div id="clear"></div>
       </div>
    
      <div id="footer"></div>
    
    </div>

  4. #4
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    E ti credo che non funziona

    Il container e il footer prima non l'avevi messo!

    Quando posti un codice o posti tutto o dai un link perchè così fai solo lavorare per nulla.

    Vedi come ti ho postato io il codice dal DTD alla chiusura dell'html in questo modo eviti anche che uno deva copiare a pezzettini a pezzettini e non tralasci delle cose utili

  5. #5
    Utente di HTML.it L'avatar di flash20
    Registrato dal
    Dec 2003
    Messaggi
    567
    Hai ragione ora funziona, scusa se non ho postato tutto subito, ma pensavo non centrasse nulla in container e invece era proprio quello. Lo terrò presente per i post futuri.

    Grazie mille

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.