Solito problema di margini.. che stress

[lattadibenzina]

Ciao a tutti,
stò cercando di fare un sito usando i div / css ma come al solito mi imbatto nei problemi di margini. In pratica ho un problema in questa pagina

html : http://www.augustomurri.it/workBoard/MUSEI/test.html
css : http://www.augustomurri.it/workBoard...les/screen.css

Dovrebbe venire cosi http://www.augustomurri.it/workBoard/MUSEI/test.jpg

Perchè il body_content si vede leggermente spostato verso il basso su IE e non su FF ??

E poi come faccio ad inserire sempre e comunque la barra blu in fondo ??

Ho dei problemi simili anche su altre pagine quindi spero che qualcuno mi aiuti a capire cosi posso fissare gli altri problemi

Grazie
Augusto





________________________________
http://www.augustomurri.it - Il neo-blog in fase di perenne sviluppo sul web 2.0

[Mich_]

Ti consiglio caldamente una ricerca in questo forum (CSS).

Sono cose gia` affrontate varie volte.

[lattadibenzina]

Posto il codice magari qualcuno mi sà aiutare

Il problema secondo me è questa class:

.puntinato, .puntinato2 {
background: #fff url(../img/puntini.gif) repeat-x left top;
width: 100%;
height: 1px;
margin: 3px 0px 3px 0px;
padding: 0px;
}

.puntinato2 {
width: 98%;
margin: 3px 1px 3px 4px;
}

che in pratica uso cos':

<div class="puntinato"></div>



Hosettato il margine sotto e gli ho detto che deve essere alto 1px..

Perchè allora IE mi aggiunge 20px sotto?!?!?!

[lattadibenzina]

Ok grazie Mich_ mi dici che argomento (o bug ) dovrei vedere? cosi me lo studio..

E' un bug particolare di IE ?

ciao

[Mich_]

Quello della prima domanda e` il cosiddetto bug dei tre pixel

Per la barra blu, non so cosa intendi, ma forse e` il posizionamento del footer in fondo pagina.

Invece per l'ultima domanda, il problema e` diverso.
I div vuoti possono venir interpretati dai browser come vogliono (anche non essere visualizzati per nulla).
Per cui devi metterci qualcosa dentro (basta anche uno spazio) e poi se vuoi un div bassissimo, devi definire
font-size: 1px;

[lattadibenzina]

Originariamente inviato da Mich_
Invece per l'ultima domanda, il problema e` diverso.
I div vuoti possono venir interpretati dai browser come vogliono (anche non essere visualizzati per nulla).
Per cui devi metterci qualcosa dentro (basta anche uno spazio) e poi se vuoi un div bassissimo, devi definire
font-size: 1px;

Grazie! ho risolto con il font-size: 1px ...

Mi è rimasto solo 1dubbio che mi porto da anni!
Se io voglio mettere 1icona vicino ad un link.. perchè il link mi viene sempre disallineato rispetto all'icona.

E' 1cosa che mi capita spessisimo.

Se vedi http://194.242.241.199/html/ in altro a destra c'è la mappetta con scritto MAPPA ma questo non è allineato all'immagine..

Cmq grazie ti devo 1pizza

[Mich_]

Prova con questa modifica:

#strumenti ul li a {
	display: block;
	margin auto 0;
	width: 100%;
	font: normal normal 900 11px Tahoma;
	text-decoration: none;
	color: #FF8901;
}

Oppure, visto che ti serve una distanza dall'immagine:
margin: auto 5px auto 0;

Ma per gli elenchi puntati con immagine, andrebbe fatto:
#strumenti ul li {
float: right;
width: 85px;
margin-left: 10px;
text-align: center;
}
#strumenti li.cerca {
background: url(img/cerca.gif) no-repeat center left;
}
e poi:
#strumenti li.cerca a {
margin: auto 25px auto 0;
}

NOTA:
ho visto che hai un
<oggetto id="body">
body e` nome usato dal DOM: non va usato per altre variabili: potrebbe generare confusione.

[lattadibenzina]

Grande! Quindi per allineare alle icone bisogna usare l'auto ..

Grazie per l'aiuto adesso vedrò di sistemare tutto piano piano..

Ciao!