Problema Layout Sito

[Tyrion]

salve è il mio primo post sul forum... approfittando delle magnifiche guide di questo sito ho colto l'occasino per realizzare un sito per un mio amico. Mi è piaciuta molto l'idea del float a sinistra e dei margini negativi ... cosi ho modificato leggermente il codice inserito nella guida ...
purtoppo rimane un problema di visualizzazione ... tra firefox e IE ovvimante ciascuno interpretava il tag <h1> come preferiva (in termini di grandezza) cosi ho risolto:

h1 {
	text-align: center;
	font-size: 36px;
}

rimane un problema, credo di margine, che non riesco a risolvere: Game Portal <-- è il mio sito.
questa è la pagina incriminata:
è una sezione che riguarda il Wrestling
il problema sta nel fatto che visualiizando la stessa pagina con Ie e con Firefox, appaiono delle differenze:
con IE non ci sono bordi ne prima della scritta "G-Wrestling" ne prima della scritta "eddie Guerrero"
mentre con firefox appare un bello spazio bianco... vorrei sapere con quale proprietà dei CSS eliminarlo o regolarlo
il relativo foglio di stile si trova qui: stile.css
grazie anticipatemnte

(se volete posto direttamente il sorgente)
speriamo di aver postato giusto e di non essere stato eccessivamente prolisso e noioso :P

[Tyrion]

credo di aver capito che Firefox centra automaticamente il contentto dei div mentre in IE il contenuto lo mette a zero pixel sia da sinistra che dall'alto vorrei sapere i parametri per regolare quest proprietà perche non puo stare cosi ...


(non fate caso se nella struttura del sito ci sono vari <div>
dentro degli span ... )

aiutatemi pls ;D

[pugia]

non so se ho capito bene il tuo problema, però se questo è dato dagli spazi bianchi, devi agire sulle proprietà padding e margin dei tag corrispondenti alle scritte G-Wrestling e Scheda...

Dato che sei all'inizio ti do due link molto utili sull'argomento:
http://www.w3.org/TR/REC-CSS2/box.html
http://www.extrowebsite.com/lezioniCSS.asp?ID=10

Puoi trovare altro materiale a riguardo facendo una ricerchina per i termini box model

[Tyrion]

grazie della risposta ... ora vedo subito i link
cmq mi sembra di aver gia messo il tag paddin a zero ... bo
per il margin devo controllare cosa ho fatto ...
ciauz

se avete altri consigli esponeteli pure

[Tyrion]

Grazie ho risolto ...
bastava applicare un margin 0px alla definizione di h1

approfitto del 3d per provi un altra domanda:

nel body ho definito le proprietà per i link
che definisce uno sfondo giallo al passaggio del mouse

queste impostazioni vanno bene per tutta la pagina tranne che per div#navigation come faccio una botta sola a definire:
a,a:visited,a:active,a:hover?

cosi? div#navigation a:link,a:visited,a:active,a:hover {}

[pugia]

devi richiamare ogni volta il div così:

div#navigation a , div#navigation a:active, div#navigation a:visited, div#navigation a:hover {
 color: #ff0; /* per il giallo */
}

[Tyrion]

grazie ancora