spazio indesidrato tra 2 div con margin e padding a 0

[Sonikag]

...epure è scritto tutto attaccato.

<div id="content">
        

TESTO CONTAINERp></div><div id="footer">[img]img/layout/barragrigia.jpg[/img]
    <div id="sidebar-a">[img]img/layout/befbottom.jpg[/img]</div>
    TESTO DEL FOOTER
    </a></div>

div#footer{text-align:left;padding: 0px; margin:0px;
    background-color: #000; color: #F8C607}
div#footer a{color: #F8C607;font-weight: none;text-decoration: underline}
#sidebar-a { 
            float: left; 
            width: 271;
            margin: 0; 
            padding:0px; 
			padding-right: 20px;
        } 
div#container{width: 750px;margin: 0 auto;text-align: left}

Prima del footer ho una riga vuota che non voglio

[pierofix]

Mettiamo un po' d'ordine e poi ci ragioniamo su.

XHTML

<div id="content">
   

TESTO CONTAINER


</div>
<div id="footer">
   [img]img/layout/barragrigia.jpg[/img]
   <div id="sidebar-a">
      [img]img/layout/befbottom.jpg[/img]
   </div>
    TESTO DEL FOOTER
    </a>
</div>

Un po' di errori, non trovi?

CSS

div#footer {
   text-align:left;
   padding:0; margin:0;
   background-color:#000;
   color: #F8C607
}
div#footer a {
   color:#F8C607;
   font-weight:none;
   text-decoration:underline
}
#sidebar-a { 
   float: left; 
   width:271; // 271 Cosa???
   margin:0; padding:0; 
   padding-right:20px;
} 
div#container {
   width:750px;
   margin:0 auto;
   text-align:left
}

Sistema e riproponi.

[Sonikag]

hem.... ho semplificato il codice male:

...<div id="content">
   

TESTO content


</div>
<div id="footer">
   [img]img/layout/barragrigia.jpg[/img]
   <div id="sidebar-a">
      [img]img/layout/befbottom.jpg[/img]
   </div>
    TESTO DEL FOOTER
</div>...

nel css ho specificato px!

[pierofix]

Sei la solita ordinata.

Prova a modificare il nome della classe "sidebar-a" perchè mi pare possa a volte creare casini. Prova ad esempio con "sidebar_a" oppure "sidebarA".

[Sonikag]

niente da fare

[Sonikag]

il mistero si infittisce... se metto un carattere dopo il </p> si vede tutto correttamente se lo tolto mi mette una riga vutoa!

[pierofix]

Prova per un attimo a cancellare dal codice il div "sidebar_a" e vedi se lo spazio permane: non vorrei fosse un problema legato al float.

[pierofix]

Dì, ma fare le cose per bene? Le immagini grafiche andrebbero gestite come sfondi, non inserite nel markup.

[Sonikag]

il problema persiste... adesso vedo di sistemarla come sfondo però.

[pierofix]

Se ci posti un disegnino magari proviamo ad aiutarti.