problema spaziatura tabelle con explorer

Allora, il problema è il seguente: nella pagina home del mio sito (http://colt.altervista.org/home.php), come potete vedere, con explorer (solo con explorer con mozilla e opera no) la tabella con i link è un po' più alta di quello che dovrebbe essere... ho già risolto il problema dei bordi della tabella staccati inserendo nei css[code:1:7b721c25d8]table {
border-collapse: collapse;
}[/code:1:7b721c25d8]
ma quel problema rimane... me ne sono accorto ora perchè ho sempre utilizzato (e sempre utilizzerò) mozilla per navigare... come si può fare?
ciauz

Definisci il margin :)

graze ok provo... cmq è strano perchè con mozilla è ok :?

non funzia lo stesso (ma con il margin intendi l'height, l'altezza vero ?)

[gve]

Guarda che mi sono accorto che con Opera 7.2 (che io uso) da problemi ben maggiori di grafica; per quanto riguarda IE 6, a me sembra buono il risultato.

davvero? cavolo vedo di sistemare comunque con ie6 va male la cella di sinistra con i link

tutto è causato dall'attributo border dentro le celle della tabella... come posso fare per rimediare? posso fare in modo che a seconda del browser si utilizzano degli stili diversi? e un'altra cosa: se io assegno (per esempio) al tag <h1> il bordo e lo sfondo che voglio io, come posso fare per non fargli occupare solo un "pezzo" di riga e non tutta?
Grazie in anticipo,
Colt

come potete vedere ho risolto in modo un po' rozzo inserendo delle immagini ma su opera ancora non va

scusate, ma cosè che può dare fastidio a opera qua:[code:1:0486e84f5d]h2 {
background-color: #ff0000;
font-family: Tahoma;
font-size: 11;
text-align: center;
color: #000000;
}[/code:1:0486e84f5d]
ho fatto un po' di prove ma nulla... e comunque mi fanno molto comodo i css e non vorrei lasciarli per problemi di compatibilità...

Riporto dalle specifiche tecnicne del CSS1 rilasicate dal W3C:

5.5.1 'margin-top'
Value: <length> | <percentage> | auto
Initial: 0
Applies to: all elements
Inherited: no
Percentage values: refer to width of the closest block-level ancestor

This property sets the top margin of an element:

H1 { margin-top: 2em }

A negative value is allowed, but there may be implementation-specific limits.


5.5.2 'margin-right'
Value: <length> | <percentage> | auto
Initial: 0
Applies to: all elements
Inherited: no
Percentage values: refer to width of closest block-level ancestor

This property sets the right margin of an element:

H1 { margin-right: 12.3% }

A negative value is allowed, but there may be implementation-specific limits.


5.5.3 'margin-bottom'
Value: <length> | <percentage> | auto
Initial: 0
Applies to: all elements
Inherited: no
Percentage values: refer to width of closest block-level ancestor

This property sets the bottom margin of an element:

H1 { margin-bottom: 3px }

A negative value is allowed, but there may be implementation-specific limits.


5.5.4 'margin-left'
Value: <length> | <percentage> | auto
Initial: 0
Applies to: all elements
Inherited: no
Percentage values: refer to width of closest block-level ancestor

This property sets the left margin of an element:

H1 { margin-left: 2em }

A negative value is allowed, but there may be implementation-specific limits.


5.5.5 'margin'
Value: [ <length> | <percentage> | auto ]{1,4}
Initial: not defined for shorthand properties
Applies to: all elements
Inherited: no
Percentage values: refer to width of closest block-level ancestor

The 'margin' property is a shorthand property for setting 'margin-top', 'margin-right', 'margin-bottom' and 'margin-left' at the same place in the style sheet.

If four length values are specified they apply to top, right, bottom and left respectively. If there is only one value, it applies to all sides, if there are two or three, the missing values are taken from the opposite side.

BODY { margin: 2em } /* all margins set to 2em */
BODY { margin: 1em 2em } /* top & bottom = 1em, right & left = 2em */
BODY { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */

The last rule of the example above is equivalent to the example below:

BODY {
margin-top: 1em;
margin-right: 2em;
margin-bottom: 3em;
margin-left: 2em; /* copied from opposite side (right) */
}

Negative margin values are allowed, but there may be implementation-specific limits.

:)

scusate, ma cosè che può dare fastidio a opera qua:[code:1:adde18fc2d]h2 {
background-color: #ff0000;
font-family: Tahoma;
font-size: 11;
text-align: center;
color: #000000;
}[/code:1:adde18fc2d]
ho fatto un po' di prove ma nulla... e comunque mi fanno molto comodo i css e non vorrei lasciarli per problemi di compatibilità...

font-size: 11 ... 11 cosa pere? Devi specificare l'unità di misura.
Il margine è il margine, height è l'altezza globale dell'elemento.

margin: 0; vuol dire che tutto l'elemento figlio sarà attaccato al bordo del genitore, in questo caso se il genitore è la finestra e il figlio la tabella questa risulterà attaccata ai bordi.
Generalmente se la tabella non è width: 100%; non risulta attaccata ai lati ma solo in alto.
Precisazione, bisogna sempre specificare un'unità di misura, ma per lo 0 (zero) non è necessario, il motivo è ovvio, qualsiasi unità usate, 0 vale sempre zero ;)

Non ho guardato il tuo codice e non lo farò ora perchè devo andare a nanna o domani .... però mi pare di capire che la tua soluzione è vicina, considera sempre che mozilla, opera, ie .... ecc sono browser diversi e se IE ad esempio usa un margine predefinito di 4pixel, mozilla no, quindi senza specificare il margine dell'elemento finestra, si finisce per realizzare due siti diversi.
Considera anche che date le diversissime specifiche dei diversi browser, non riuscirai mai a realizzare siti uguali per utti, ma simili.
Considera ancora (ho finito giuro) che tra IE 5 per Win e IE 6 per Win c'è la stessa differenza che passa tra il giorno e la notte, con tutti gli annessi e connessi del caso.

Ciao, ciao.

grazie a tutti e due per la risposta. I effetti con il margin dovrebbe funzionare senza ricorrere alle immagini...
ciauz

ragazzi nulla da fare non riesco a mettere a posto con opera
se volete vi posto il codice

[gve]

Posta, o prova a inviarmelo a gve@altervista.org (zippato, home+css)

ok grande te lo invio

[gve]

L'atrchivio mi è arrivato corrotto (nè WinRar nè WinAce me lo aprono), prova a reinviarmelo.

[NoWhere]

anche se non c'entra nulla:
MINKIA!
stai facendo una grafica stupenda!Complix!! :D

se ti può essere utile... io utilizzo IE6 e vedendo
la pagina home.php non ho trovato niente di
strano nella visualizzazione

per gve: in effetti outlook mi ha dato errore per la mail dopo...
per NoWhere: grazie comunque i problemi sono con opera...

[gve]

Mi spiace ma non sono riuscito a risolvere.
Ti ho mandato una mail.

allora, finalmente sono riuscito a risolvere il problea delle tabelle di sinistra... ora devo sistemare la cella di destra che è stretta...

ho risolto anche l'altro problema :D !

[gve]

Ottimo, ora si vede benissimo :D
Bel lavoro ... ora aspettiamo i primi contenuti

certo :D però vorrei gestire il tutto con il database ma non so usare bene il php insieme al mysql... hai da consigliarmi qualche guida?

[gve]

Se vuoi ho due tutorial che ti posso mandare: uno è un'introduzione veloce a php/Mysql, l'altro spiega come realizzare un motore per le news con l'accoppiata di prima.

Se no cerca su http://www.html.it/ , o dai un'occhiata a http://php4all.altervista.org/ (in realtà qua no so che tutorial abbiano già inserito, stiamo partendo ...).

La guida del php poi secondo me è molto chiara, se non la hai faresti bene a scaricartela da http://www.php.net/ e a tenerla sempre a portata di mano.

ok manda le guide a coltz@email.it, grazie :D
per quanto riguarda la guida ufficiale me la sono appena scaricata

grazie mille per i manuali, ti rispondo qua perchè ho un problema con la posta