Perchè su Explorer si e su Firefox NO!!??

**bANART** · 27-11-2006, 10:51

Buongiorno! (diciamo che sto ancora dormendo...)
Chiedo a Voi luminari del web, io dopo l'ennesimo tentativo alle 2 di stanotte c'ho rinunciato... anche perchè quando ti fissi troppo su una cosa poi ti sfuggono anche le cose più semplici e ovvie!

Ho questo problema!

Perchè se scrivo questo codice:

---------------------------------
<html>
<head>
<title>NEW</title>
<link rel="stylesheet" href="stile_mc.css"/>
</head>

<body topmargin="0" leftmargin="0">

<div align="center">
<table width="670" class="table0" height="100%" cellpadding="8">
<tr valign="top">
<td>
dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
vdf
</td>
</tr>
</table>
</div>

</body>
</html>
----------------------------

...e nel CSS il class di riferimento ha questo codice:

----------------------------
.table0{BORDER-TOP:
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
}
----------------------------

quando visualizzo la pagina in explorer me la da corretta, cioè con le liniette laterali che arrivano in fondo, mentre in firefox no!?!?!

C'è un modo per uniformare la cosa??

Chi può mi aiuti che ho sclerato 4 ore ieri sera senza riuscirci!
Ciao!!

**Nenella** · 27-11-2006, 11:22

Sabgli sintassi per il border.
Invece di

codice:

BORDER-LEFT: #000000 1px solid;

devi scrivere

codice:

BORDER-LEFT: 1px solid #000000;

Ciau

**bANART** · 27-11-2006, 11:33

Macchè Nenella!!
Non cambia niente!!
La sintassi l'ho corretta e ti ringrazio per avermelo fatto notare, ma il risultato non cambia!!

Ho provato 3000 modi ma ggniente... AIUTOOO!!!

**Nenella** · 27-11-2006, 11:45

Ho dimenticato di dirti che manca anche un ; dopo il secondo border.
Ad ogni modo a me funziona, ecco il tuo codice aggiustato (ho inserito il codice css internamente per comodità)

codice:

<html>
<head>
<title>NEW</title>
<link rel="stylesheet" href="stile_mc.css"/>
<style type="text/css">
<!--
.table0{BORDER-TOP:
BORDER-LEFT:1px solid #000000;
BORDER-RIGHT: 1px solid #000000; 
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
}
-->
</style>

</head>

<body topmargin="0" leftmargin="0">

<div align="center">
<table width="670" class="table0" height="100%" cellpadding="8">
<tr valign="top">
<td>
dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
vdf
</td>
</tr>
</table>
</div>

</body>
</html>

Un'altra cosa, è bene scrivere tutto in minuscolo il codice CSS.

**bANART** · 27-11-2006, 12:34

Ma sei un mito!!!
Funziona..!! ...ma succese una cosa strana!
Ok, nell'esempio che ti ho riportato, modificato come mi dici tu funziona ma nella pagina che mi interessa non funziona

Tagliamo la testa al povero toro... ti riporto la pagina dove non va...

-----------------------------------
<html>
<head>
<title></title>
<link rel="stylesheet" href="stile_mc.css"/>

<style type="text/css">

</style>

</head>

<body topmargin="0" leftmargin="0">

<div align="center">

<table width="670" cellspacing="0" cellpadding="0" height="100%">
<tr valign="top">
<td>

<table width="670" cellspacing="0" cellpadding="0">
<tr valign="top">
<td height="378" background="images/centrale_01.jpg">[img]images/null.gif[/img]</td>

</tr>
</table>

<div align="center">
<table width="670" class="table0" height="100%" cellpadding="8">
<tr valign="top">
<td>

dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
vdf

</td>
</tr>
</table>
</div>

</td>
</tr>
</table>
</div>

</body>
</html>
-----------------------------------------

so che forse sto diventando rompicovvioni ma non capisco proprio

Grazie per tutto!

**Nenella** · 27-11-2006, 12:56

Non funziona semplicemente perché il div che contiene la tabella in CORPO, non è alto 100%

Quindi assegna l'altezza anche al div e tutto funzionerà.

Un consiglio: le proprietà impostale tutte da CSS, ed evita di annidare così tante cose, forse non è necessario se studi prima come realizzare il codice

**bANART** · 27-11-2006, 14:10

Ammazza quanto sò gnorante

..e come si fa?

Io webdesigner molto designer poco web!
Mi arrangio nell'html per la necessità di dover applicare della grafica!

Potresti farmi vedere come devo fare, possibilmente in CSS!??
Grazie assaiassaiassaiassaiassaiassaiassaiassaiassaiassai assaiassaiassaiassai!!!

**Nenella** · 27-11-2006, 14:20

Se non ho capito male, devi fare due celle con sopra una immagine e sotto del testo, esatto?
Se sì, il codice:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<title> </title>
<style type="text/css" media="all">
body, html { height: 100%; }
body { padding:0; margin: 0 }
#principale {
   width: 670px;
	 height: 100%;
	 margin: 0 auto;
	 padding: 0;
	 border: 1px solid #000000;
	 border-widht: 0 1px;
	  
}
#principale img {
   height: 375px; width: 100%
}
</style>
</head>
<body>
			<div id='principale'>
					 [img]images/centrale_01.jpg[/img]
					 

 dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
            dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
            dasdf asdf asdf asdf asdas dfasd fasdf asdf asdf
            vdf</p>
			</div>
</body>
</html>

Se non è proprio ciò che volevi, posta una immagine di come dovrebbe venire, e si cerca di aiutarti

**bANART** · 27-11-2006, 15:10

Grazie mito!!
Ascolta... ora mi tocca lavorare (il lavoro che mi da il pane e che mi toglie la fantasia = impiegato Tim), appena ho la pausa lo provo e ti dico!
Grazzzzzie mille per l'aiuto!

A dopo

**bANART** · 29-11-2006, 12:30

Nenella, grazie all'aiuto che mi hai dato... solo che ho fatto un casino con tutta il resto della pagina!
Io sono Designer NON programmatore!!!
Ma non c'è uno standard da seguire??
Se ti facessi vedere il progetto della pagina potresti aiutarmi? ...ma non aiutarmi a costruire la pagina... aiutarmi a CAPIRE!!! (quanto sò capra!!)

Facciamo così...
Ho uploadato su un sito d'appoggio la pagina con il layout definitivo...
http://www.fondovolontaio.com/banart/seconda_09.html

Il problema è che è un casino, ma veramente un casino!!
Funziona sia con ie che firefox, ...tranne il footer!!!

Se dovessi impostare un footer in ie non ci sarebbero problemi, ma in firefox tutte le prove che ho fatto mi hanno fatto solo stravolgere il layout!!
Ma perchè non esiste uno standard e basta

Puoi aiutarmi? non voglio farti perdere tempo ma ormai il 15% degli utenti di internet utilizza firefox!

Discussione: Perchè su Explorer si e su Firefox NO!!??

Strumenti discussione

Ricerca discussione

Visualizza

Perchè su Explorer si e su Firefox NO!!??

Permessi di invio