-
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 :mrgreen:
-
forse è meglio se ci posti il codice html e css
-
io rispondo anche senza, o almeno ci provo :mrgreen:
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.
-
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....
-
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.
-
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
-
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
-