Visualizzazione risultati 1 fino 8 di 8

Discussione: problemi di DIV

  1. #1
    Guest

    Predefinito problemi di DIV

    Rieccomi a chiedere consiglio a voi maghi del web...
    ho un piccolo problemino cn un CSS (interno)
    ho assegnato un colore di sfondo ad un DIV che funziona (o dovrebbe funzionare) da contenitore per l'intero contenuto del sito...il problema dov'è?
    ecco...il problema si trova nel fatto ke il colore lo prende solo l'intestazione che tra l'altro ha ben altre caratteristiche dato che richiama tutt'altro ID...come fare?
    please help me...e grazie anticipatamente

  2. #2
    Guest

    Predefinito

    forse è meglio se ci posti il codice html e css

  3. #3
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,306

    Predefinito

    io rispondo anche senza, o almeno ci provo

    I div che non prendono il colore sono float, quindi fuori dal normale flusso del layout, mentre l'intestazione non è float. Il div contenitore si "allunga" solo fino a contenere i div normali, mentre lascia fuori quelli float, e perciò vedi il colore solo in cima.

    Soluzioni: o metti qualcosa dentro il contenitore ma dopo i div float, oppure utilizzi il clearfix sul div contenitore.

  4. #4
    Guest

    Predefinito

    se hai impostato il colore al div al div appare il colore. se ha un altro id (però che c'entra con la classe? hai fatto una classe anche per l'id?) di cui è assegnata una classe allora dipende da come hai impostato i css.
    caso mai facci vedere la pagina così ti dico che succede....
    come dice dreadnaut il div prende la grandezza dei div che contiene al suo interno quindi se vedi un altro colore di sfondo puo' essere perchè il div termina e poi compare il body... prova ad impostare il background del body di un colore diverso così si vede meglio. oppure imposta un border al div contenitore in questo modo

    border: solid 3px green;

    così lo riconosci tra mille....

  5. #5
    Guest

    Predefinito

    Codice HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <title>Homepage</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="description" content="">
    <style type="text/css">
    
    #pagina
    {
    border: solid 1px green;
    background-color: #ff0000;
    position:absolute;
    left: 200px;
    right: 200px;
    top: 0px;
    }
    
    #titolo
    {
    height:100px;
    text-align: center;
    font-color: #6699cc;
    font-size: 50px;
    margin-bottom: 0px;
    }
    
    #menu
    {
    width: 150px;
    height: 200px;
    position:absolute;
    color: #000000;
    font-size: 16px;
    top:120px;
    right:1130px;
    left:5px;
    }
    #text
    {
    position: absolute;
    left:200px;
    top:200px;
    bottom:120px;
    color: #0000ff;
    font-size: 12px;
    }
    #banner
    {
    height:65px;
    position:absolute;
    left:200px;
    top:120px;
    bottom:5px;
    }
    
    #base
    {
    position:absolute;
    left:200px;
    top:740px;
    bottom:3px;
    text-align: center;
    font-size:9px;
    }
    
    
    
    </style>
    
    </head>
    
    <body>
    	<div id="pagina">
    		<div id="titolo"> BENVENUTI </div>
    		<div id="menu"> 
    			<ul>
    				<li>M1</li>
    				<li>M2</li>
    				<li>M3</li>
    			</ul>
    		</div>		
    		<div id="banner">
    			<img src="http://html.it/guide/img/guida_html/logo.gif">
    		</div>
    		<div id="text">
    			JSDJFLLKJSALDLJSLFJSKDJFDASOJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ<br><br>
    			jfldskjfsodfja�lkdjfa�ldk�laskflas<br><br>
    			asdasdasd<br><br>
    			asd<br><br>
    			as<br><br>
    			d<br><br>
    			as<br><br>
    			d<br><br>
    			as<br><br>
    			d<br><br>
    			as<br><br>
    			d<br><br>
    			a<br><br>
    		</div>
    		<div id="base" align="right">
    			sito creato da Draconian Devil
    		</div>
    	</div>
    </body>
    </html>
    questo è il mio codice...non fate caso alle parola scritte nel div cn id #text sono scritte a caso :P
    please help me :P
    mi affido a voi e ai vostri saggi consigli


    EDIT: ok risolto...ora però vorrei mettere in atto un'altra idea...mi piacerebbe inserire lo scrolling in un DIV...sapreste dirmi come fare?se è possibile utilizzando il solo HTML oppure serve qualke script specifico...nn so...mi affido nuovamente alle vostre sagge mani


    FunCool: Non scrivere due messaggi consecutivi, utilizza il tasto Edita. Quando scrivi del codice nel forum inseriscilo tra i tag appositi.
    Ultima modifica di funcool : 16-11-2006 alle ore 10.31.49

  6. #6
    Guest

    Predefinito

    imposti la grandezza con width la lunghezza e con height l'altezza e poi fai overflow: auto;
    cosi

    <div style = "width: 400px; height: 600px; overflow:auto;">contenuto....
    </div>

    dovrebbe funzionare

  7. #7
    Guest

    Predefinito

    grazie mille demenziale ;)
    e chiedo scusa per aver scritto i due messaggi consecutivi...davvero nn ci ho pensato ;)
    cmq vado a provare questo cosa nel div...sperem :P

    bene...ho appena provato e funziona benissimo ;D grazie mille ;D
    Ultima modifica di nazgul15 : 16-11-2006 alle ore 17.39.31

  8. #8
    Guest

    Predefinito

    prego :)

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •