problema spazi

talkoman

problema spazi

Ciao a tutti ho realizzato questo sito (immagine allegata) solo che mi da un problema. Praticamente è una tabella formata da 2 colonne. Nella colonna di sinistra c'è il menu e in quella di destra il corpo del sito. Perchè il corpo di destra sovrappone il colpo di sinistra? cose devo modificare nei css?

talkoman

niente? guardate anche questa immagine

karedas

Ciao Talkoman.

Ci dovresti inserire qualche informazione in più come codice css e sopratutto html della pagina in modo da fare riferimento al foglio di stile e quindi identificare meglio l'errore.

Sarebbe l'ideale una fonte online in modo da poterci simulare le correzioni.
ciao!

talkoman

http://pechino.nuotosicilia.it/leggi.php?news=311

guarda e dimmi che codici vuoi
grazie

talkoman

questo è il codice:
[HTML]<div class="fotografia">
<div align="left" style="padding-left:20">
<?php
if(substr($img,0,4)=='http' || substr($img,0,3)=='www')
$img=$img;
else{
$img=substr($riga['img'],20);
$img="http://www.nuotosicilia.it".$img;
}
$size= getimagesize($img);
list($widthImg, $heightImg, $type, $attr) = $size;
?>
<a href="javascript:apri('img.php?img=<?php echo $img; ?>&wi=<?php echo $widthImg;?>&he=<?php echo $heightImg;?>','<?php echo $widthImg;?>','<?php echo $heightImg;?>')"><img src="<?php echo $img; ?>" alt="" width="174" height="130" /></a>
</div>
</div>
<p align="left" style="padding-left:20"><div class="titolo"><?php echo $titolo; ?></div></p>
<div class="testo" align="left"><?php echo $testo; ?></div><br /><br />
<div align="center"><a href="javascript:history.go(-1);"><< Indietro</a></div><br /><br />[/HTML]

e questo il css:

div.fotografia img {margin:9px 11px 10px 8px; padding:0; border:0;}
div.fotografia{float:left; display:inline; width:31%; margin:5px; text-align:center;}
div.fotografia a:link, div.fotografia a:active, div.fotografia a:visited{display:block; width:196px; height:156px; background:url(./images/foto-bg.png) no-repeat top left; border:0; padding:0; margin:0 auto 0 auto;}
div.fotografia a:focus, div.fotografia a:hover{background:url(./images/foto-bg.png) no-repeat top left;}
div.fotografia p{width:138px; font-size:10px;}
div.fotografia p a:link,div.fotografia p a:active, div.fotografia p a:visited{display:inline; width:auto; height:auto; background:none; font-size:10px;}
div.fotografia p a:focus, div.fotografia p a:hover{display:inline; width:auto; height:auto; background:none; font-size:10px;}


div.titolo{
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	padding-bottom:0;
}
a.titolo{
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	padding-bottom:0;
}

div.testo,div.testo p{
	padding-left:33;
	font-size:12px;
	padding-top:0;
}

talkoman

per favore...ho urgenza di risolvere...devo andare online...

karedas

Hai risolto? Ho guardato il sito sia su IE7 che su Firefox e lo vedo bene, escludendo però IE precedente.

talkoman

si tutto risolto. Grazie
Potete chiudere il post