Icone nel footer

[samiel]

Ho questo div per il footer:

#footer{clear:both; padding:10px 0; text-align:center; background-color:#3485B4; color:white}
.piclogs{float:right; text-align:right; padding:0 1em 2em 0}

e questo in index.php:

<div id="footer">
<?php
echo ($pagina != "home") ? "

&copy; Mario Rossi - 2009</p>" :
"

&copy; Mario Rossi - 2009</p>
<img class=\"piclogs\" src=\"pics/php-power-white.png\" alt=\"Logo Powered by PHP\" title=\"Logo Powered by PHP\"/>
<img class=\"piclogs\" src=\"pics/valid-css2-blue.png\" alt=\"Valid CSS2\" title=\"Logo W3C Valid CSS2\"/>
<img class=\"piclogs\" src=\"pics/valid-xhtml11-blue.png\" alt=\"Valid XHTML 1.1\" title=\"Logo W3C Valid XHTML 1.1\"/>";
?>
</div>

Il problema è che le tre icone in realtà non si posizionano all'interno del footer,
ma sotto il footer, fuori, in html(cioè nel contenitore massimo. Cosa sto sbagliando?

Grazie
M.

[Mich_]

Credo sia il solito problema del clear che manca.
Con una ricerca nel forum, trovi numerosi interventi in proposito

[samiel]

Veramente ho messo clear:both
O intendevi altro? Non è che flottando
le immagini sono poste fuori dal div?
Ho provato a eleiminare il float
e a usare il posizionamento relativo,
e anche, in alternativa, a conferire
altezza definita fissa allo header.
Quale può essere la soluzione migliore?
Perché col posizionamento relativo,
con schermi che non sono di 1280 px,
ha luogo inevitabilmente uno spostamento
degli elementi...

Grazie
M.

[Mich_]

Il float e` la soluzione migliore (piu` pulita e piu` robuista rispetto al crossbrowsing).

Pero` un oggetto float sta fuori dal contenitore in cui e` inserito (fluttuante, appunto), salo che se si mette un clear dopo i vari float e prima della chiusura del blocco.

Il clear che hai messo nel #footer si riferisce agli oggetti flottati precedenti il footer, mentre per gli oggetti al suo interno il clear deve essere alla chiusura del footer.
Vedi ad esempio [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float