problema con valori margin e border dopo un float

gigliotave

problema con valori margin e border dopo un float

Come mai non riesco a far eseguire i valori border e margin della #Banda_Nera in questo programma?

<body>

<div id="Top">
<div id="Menu">
<ul class="menu1">
<li><a href="#">Sezione Link 1</a></li>
<li><a href="#">Sezione Link 2</a></li>
<li><a href="#">Sezione Link 3</a></li>
<li><a href="#">Sezione Link 4</a></li>
<li><a href="#">Sezione Link 5</a></li>
</ul>
</div>

</td>
</tr>
</table>
</center>
</div>

#Top{width,100%:
height:25%;
}

#Menu{float:right;
width:150px;heigth:auto;
border:1px solid black;}

width:100%!important;
height:15px!important;
background-color:black!important;
border-bottom:1px dashed black!important;}
margin-top:10px;}> http//it.geocities.com/letteratura_nerazzurra.htm:x
GRAZIE a chi mi aiuta !!!!

karedas

Ciao gigliotave

A parte che c'è un errore nel css poichè chiudi in modo errato il riferimento:
[HTML]
#Banda_Nera{clear:both;
width:100%!important;
height:15px!important;
background-color:black!important;
border-bottom:1px dashed black!important;}
/qui esattamente/
margin-top:10px;}
[/HTML]

Seconda cosa il link non mi funziona

Ciao!

gigliotave

Ciao karedas,
hai ragione m' ho correggo,
E' vero il link e' il seguente...
htp://it.geocities.com/letteratura_nerazzurra !!!

karedas

Nel tuo css , almeno nel link che mi hai inserito, non c'è niente di tutto questo.
O meglio c'è un riferimento a banda_nera ma è diverso. Te lo posto:

[HTML]
#Banda_Nera{width:100%!important;
height:15px!important;
background-color:black!important;
portant;
margin-top:10px;}[/html]

Intanto iniziamo con:

a) attento fai troppo uso di attributi !important. Essi non non generano errori però sono evitabili il più delle volte mentre nel tuo css sembra essere diventata una moda
b) Nel css, come vedi, c'è quel "portant;" che non serve praticamente a niente , penso tu abbia tralasciato qualcosa spezzando involontariamente l'attributo e che qualche browser blocchi la lettura dei successivi.
c) non c'è nel css nessun "border" quindi niente bordi.

Ricontrolla il tuo css!
(p.s attento che la pagina ha un quantitativo molto alto di errori html/xhtml e inoltre c'è uno script javascript che genera un errore ulteriore).

Ciao!

dubbio

Io ti darei un altro piccolo consiglio.
Crea a livello più alto della struttura un altro div che contenga tutto quello che c'è all'interno della pagina.
Perchè ie e firefox interpretano gli attributi margin e padding in maniera differente.

gigliotave

Ciao Karedas,
sai quale era il porblema :
ke avevo dato un float right alla lista di destra (contenuta in una div) e praticamente il float aveva effetto anke sulla sottostante banda nera ke veniva "tirata su" anke se mettevo dei margini alla divisione ke conteneva la lista.
Ho messo a posto il float ed ora le cose vanno come le voglio io...
grazie per i suggerimenti.

PS
ke validatore mi consigli?
Il javascript e' quello inserito automaticamente dal server di geocities

gigliotave

Ciao Dubbio, terro' presente il suggerimento.

PS
Ma sei buddhista?