Errore in spaziatura tra div

**playbasfa** · 19-03-2009, 13:50

Salve ragazzi come và?
Avrei un problemino... Ho creato questa pagina:

Come potete vedere per il testo ho creato tramite tre div una tabella con i bordi arrotondati.. il problema è che la tabella non si chiude bene, ma vengono lasciati qualche piexel di spazio.. nonostante abbia impostato tra i vari div margin: 0px
Ecco il codice, spero qualcuno riesca ad aiutarmi... Vi ringrazio in anticipo!

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>   <meta http-equiv="Content-Type"  content="text/html; charset=ISO-8859-1">   <style type="text/css"> body{margin:auto} #header{ width:800px; height:80px; margin:auto; background: #ffffff url([url]http://www.gruppowebazar.com/sito/titolo.jpg[/url]) top left no-repeat } #bandiere{ width:800px; height:30px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:px; background: #ffffff url([url]http://www.gruppowebazar.com/sito/bandiere.jpg[/url]) top left no-repeat } #titoli{ width:800px; margin-left:auto; margin-right:auto; margin-top:5px; } #link{ margin-left:30px; margin-right:30px; font-size:20px; } #linkhome{ margin-left:60px; margin-right:30px; font-size:20px; } #linea{ width:800px; height:20px; margin:auto; margin-top:0px; background: #ffffff url([url]http://www.gruppowebazar.com/sito/linea.jpg[/url]) top left no-repeat } #testo{ width:800px; height:250px; margin:auto; background: #ffffff url([url]http://www.gruppowebazar.com/sito/domanda.jpg[/url]) top left no-repeat; text-align:right; color:#ffffff } #grosso{ font-size:50px; color:red; text-align:center; padding-top:0px; } #tabellatop{ width:792px; height:27px; background: #ffffff url([url]http://img22.imageshack.us/img22/4929/tabellatop.gif[/url]) top left no-repeat; margin:auto; margin-bottom:0 px; } #tabellacorpo{ width:792px; background: #ffffff url([url]http://img12.imageshack.us/img12/2278/tabellabody.gif[/url]) top left repeat; margin:auto; margin-bottom:0 px; margin-top:0 px; } #tabellabottom{ width:792px; height:27px; background: #ffffff url([url]http://img7.imageshack.us/img7/7330/tabellabottom.gif[/url]) top left no-repeat; margin-left:auto; margin-right:auto; margin-top:0px; } p{padding-left:13px;padding-right:11px}   </style>   <title></title> </head> <body> <div id="header"></div> <div id="bandiere"></div> <div id="titoli"> <a id="linkhome"> Home negozio </a> <a id="link"> Cosa dicono di noi </a> <a id="link"> Alcuni nostri lavori </a> <a id="link"> Contattaci </a> </div> <div id="linea"></div> <div id="testo"> 

 Vuoi incrementare le tue vendite su ebay ?</p> </div> <p id="grosso"> SEI NEL POSTO GIUSTO ! </p> <div id="tabellatop"></div> <div id="tabellacorpo"> 

 Tu entreresti a comprare in un negozio vuoto, senza vetrine, senza scaffali e con quattro oggetti sparsi alla rinfusa su un tavolino? </p> 

eBay &egrave; un sito... &egrave; un locale vuoto sul corso centrale del Mondo Intero, che ci viene dato in affitto per pochi euro al mese ... poi se noi quel locale lo rendiamo un Centro Commerciale a 30 piani, oppure una bottega da 4 soldi... eBay non ha colpa!!!</p> 

 eBay ci offre un potenziale strepitoso. La visibilit&agrave; che nelle attivit&agrave; della vita reale si ottiene soltanto avendo a disposizione un capitale enorme, su &egrave; eBay &egrave; alla portata di tutti.. Ma come approfittarne ?? </p> </div> <div id="tabellabottom"></div> </body> </html>

Grazie ancora in anticipo!!

**playbasfa** · 19-03-2009, 13:52

Perchè il codice viene mostrato in orizzontale??
Capisco che così è difficile trovare l'errore...

**playbasfa** · 19-03-2009, 18:04

Nessuno che può aiutarmi?
Forse non risulta chiara la domanda? Per favore sto impazzendo

**playbasfa** · 19-03-2009, 18:13

Mi sono accorto che qualunque margin io imposti, ho provato 200, 300, 10000 non accade nulla..
Tuttavia ho validato la pagina ed è tutto ok....

**Mich_** · 19-03-2009, 18:29

Un codice di quel tipo e` impossibile da leggere per un umano.
Quindi e` impossibile capire.

Prova a postare nuovamente il codice, inserendo gli acapo e le indentazioni in modo ragionevole.

**playbasfa** · 19-03-2009, 18:35

Io ho scritto tutto indentando e per come si deve.. poi però quando lo incollo qui, viene tutto di seguito..
Proverò a dare gli a capo direttamente da qui.... pazienza..
L'errore dovrebbe risiedere in tabellatop tabellacorpo e tabellabottom..
Grazie sempre..

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

<html> 

<head>   

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">    

<style type="text/css"> 

body{margin:auto} 

#header{ width:800px; height:80px; margin:auto; background: #ffffff url([url]http://www.gruppowebazar.com/sito/titolo.jpg[/url]) top left no-repeat } 

#bandiere{ width:800px; height:30px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; background: #ffffff url([url]http://www.gruppowebazar.com/sito/bandiere.jpg[/url]) top left no-repeat } 

#titoli{ width:800px; margin-left:auto; margin-right:auto; margin-top:5px; } 

#link{ margin-left:30px; margin-right:30px; font-size:20px; } 

#linkhome{ margin-left:60px; margin-right:30px; font-size:20px; } 

#linea{ width:800px; height:20px; margin:auto; margin-top:0px; background: #ffffff url([url]http://www.gruppowebazar.com/sito/linea.jpg[/url]) top left no-repeat } 

#testo{ width:800px; height:250px; margin:auto; background: #ffffff url([url]http://www.gruppowebazar.com/sito/domanda.jpg[/url]) top left no-repeat; text-align:right; color:#ffffff } 

#grosso{ font-size:50px; color:red; text-align:center; padding-top:0px; } 

#tabellatop{ width:792px; height:27px; background: #ffffff url([url]http://img22.imageshack.us/img22/4929/tabellatop.gif[/url]) top left no-repeat; margin:auto; margin-bottom:0px; }

#tabellacorpo{ width:792px; background: #ffffff url([url]http://img12.imageshack.us/img12/2278/tabellabody.gif[/url]) top left repeat; 

margin:auto; margin-bottom:0px; margin-top:0px; } 

#tabellabottom{ width:792px; height:27px; background: #ffffff url([url]http://img7.imageshack.us/img7/7330/tabellabottom.gif[/url]) top left no-repeat; 

margin-left:auto; margin-right:auto; margin-top:0px; } 

p{padding-left:13px;padding-right:11px}   

</style>   

<title></title>  

 </head> 

  <body>  

<div id="header"></div> 

 <div id="bandiere"></div> 

 <div id="titoli"> 

<a id="linkhome"> Home negozio </a> 

<a id="link"> Cosa dicono di noi </a> 

<a id="link"> Alcuni nostri lavori </a> 

<a id="link"> Contattaci </a> 

</div>

  <div id="linea"></div>  

<div id="testo">

 

 Vuoi incrementare le tue vendite su ebay ?</p>

  </div> 

 <p id="grosso"> SEI NEL POSTO GIUSTO ! </p>  

<div id="tabellatop"></div> 

 <div id="tabellacorpo"> 



 Tu entreresti a comprare in un negozio vuoto, senza vetrine, senza scaffali e con quattro oggetti sparsi alla rinfusa su un tavolino? </p>  



eBay &egrave; un sito... &egrave; un locale vuoto sul corso centrale del Mondo Intero, che ci viene dato in affitto per pochi euro al mese ... poi se noi quel locale lo rendiamo un Centro Commerciale a 30 piani, oppure una bottega da 4 soldi... eBay non ha colpa!!!</p> 



 eBay ci offre un potenziale strepitoso. La visibilit&agrave; che nelle attivit&agrave; della vita reale si ottiene soltanto avendo a disposizione un capitale enorme, su &egrave; eBay &egrave; alla portata di tutti.. Ma come approfittarne ?? </p> 

 </div>  

<div id="tabellabottom"></div>  

</body> 

</html>

**playbasfa** · 19-03-2009, 18:47

Continua a esserci un casino..
Ecco il file originario.. forse è meglio così
Link

**Mich_** · 19-03-2009, 19:12

Con quel linguaggio HTML non puoi pretendere di essere capito.

Devi usare un DOCTYPE e conformare il codice alle regole specificate.
Per ottenere migliori risultati con minor sforzo, ti consiglio XHTML 1.0 strict (senza prologo XML).

Poi, quando hai corretto, passa dai validatori, e correggi eventuali errori.
Se ancora hai problemi, torna qui che vediamo se possiamo aiutarti.

validatore HTML
validatore CSS

**playbasfa** · 19-03-2009, 22:04

Scusa ma l'ho inserito il doctype..
Ho anche validato ed è tutto ok, apparte una piccola sciocchezza nella validazione dell'html..
:master:

**Mich_** · 20-03-2009, 10:00

Nel link postato la pagina appare senza DOCTYPE.
E ci sono errori di sintassi per la DTD XHTML 1.0 strict.

Magari stai usando un servizio che modifica la pagina prima di pubblicarla ...

Prova a caricare la pagina seguendo il link che hai postato nel forum, e visualizza il sorgente di tale pagina; poi confrontalo con la tua pagina originale.

E comunque gli attributi
align="center"
non fanno parte della sintassi XHTML (e non credo che quelli siano stati inseriti dal servizio di hosting)

Discussione: Errore in spaziatura tra div

Strumenti discussione

Ricerca discussione

Visualizza

Errore in spaziatura tra div

Permessi di invio