Doctype e scrollbars colorate

**Picciola** · 17-05-2007, 18:34

Se uso questo DOCTYPE

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

Non mi considera lo stile per colorare le barre di scorrimento e mi sfasa alcune spaziature:

codice:

body {
	scrollbar-arrow-color:#999999;
	scrollbar-face-color:e0e0e0;
	scrollbar-shadow-color:#cccccc; 
	scrollbar-darkshadow-color:#999999; 
	scrollbar-Highlight-color:#ffffff; 
	scrollbar-3Dlight-color:#999999; 
	scrollbar-track-color:#f0f0f0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
}

Se invece tolgo il:

codice:

"http://www.w3.org/TR/html4/loose.dtd"

Interpreta bene gli stili ma funziona male un codice Javascript (chiaramente funziona male in Explorer e perfettamente in FireFox).
Esiste una soluzione?

**perfectgirl963** · 17-05-2007, 19:24

è l'elemento <html> che ha la scrollbar, non <body>. Quindi nel CSS scrivi:

codice:

html {
	scrollbar-arrow-color:#999999;
	scrollbar-face-color:e0e0e0;
	scrollbar-shadow-color:#cccccc; 
	scrollbar-darkshadow-color:#999999; 
	scrollbar-Highlight-color:#ffffff; 
	scrollbar-3Dlight-color:#999999; 
	scrollbar-track-color:#f0f0f0;
	}

e non togliere il doctype

.

**Picciola** · 17-05-2007, 19:39

Ok. Intanto grazie per la risposta.
Tuttavia ho un problema con l'iframe.
La pagina in questione è contenuta in un iframe e in questo modo mi appare la barra di scorrimento orizzontale, anche se non ce n'è motivo (il contenuto è più stretto, ho provato anche con contenuti strettissimi ma appare lo stesso!!!!!).

L'iframe è dichiarato così:

codice:

<iframe src="pagina.asp" name="centrale" width="100%" height="300px" scrolling="auto" frameborder="0" allowtransparency="true">

Se invece tolgo il:

codice:

"http://www.w3.org/TR/html4/loose.dtd"

...

...la barra orizzontale scompare ma poi non funziona il codice javascript!
(che poi è questo )

**perfectgirl963** · 17-05-2007, 20:13

Nel tag iframe prova a mettere style="overflow-x: hidden;".

**Picciola** · 18-05-2007, 11:47

Niente da fare, tentativo fallito....

Ho pubblicato le pagine in modo che tu possa constatare LIVE!!!

Questa è con l'iframe con "http://www.w3.org/TR/html4/loose.dtd"
(Funziona il Javascript TENDINA ma appare la barra orizzontale)

Questa è con l'iframe senza "http://www.w3.org/TR/html4/loose.dtd"
(Non appare la barra orizzontale ma non funziona il Javascript TENDINA)

Mi riferisco sempre a IE6, In FireFox tutto ok.

Forse dovrei agire sullo Javascript, ma sinceramente da quel punto di vista non ho idea di dove mettere le mani!

**perfectgirl963** · 18-05-2007, 18:12

Bene... dunque il vero problema è che hai fatto un'annidamento di tabelle confusionario, e c'è qualcosa di sbagliato che fa allargare tutto

... impara a creare le tabelle solo con il codice e studiati tutte le loro proprietà. Poteva essere semplice creare una sola tabella! Prova a sostituire questo codice a tutto l'annidamento di tabelle che hai nel <body>:

codice:

<table width="830" border="1" align="center">
	<tr>
		<td><center>TOP</center></td>
 		<td width="175" rowspan="3"><center>LATERALE</center></td>
      	</tr>
      	<tr>
              		<td>
		<iframe src="contenuto1.asp" name="centrale" width="100%" height="300px" scrolling="auto" frameborder="0" allowtransparency="true">Il tuo browser non visualizza correttamente questa pagina.

                  		Ti consigliamo di aggiornare il software di navigazione.
		</iframe>
		</td>
            	</tr>
            	<tr>
              		<td valign="top"><center>BOTTOM</center></td>
              	</tr>
</table>

Ora andrà benissimo

. E ricordati che la doctype non si tocca! Piuttosto cerca di capire che errori hai fatto

.

**Picciola** · 21-05-2007, 11:31

Grazie per l'immensa pazienza....
Sul discorso delle tabelle annidate hai ragione, in un corso che feci anni fa mi raccomandarono di fare sempre così e di non usare il ROWSPAN (unione di celle).
CRIBBIO, ne ho fatto un monito della mia vita e ora vengo a sapere che è sbagliato?!?!?

Comunque, sono davvero costernata, ma il problema non è risolto!!...

Ho già ripubblicato la pagina con le correzioni che mi hai suggerito tu allo stesso indirizzo, e la barra orizzontale appare comunque quando è aperto il menù a tendina!

Il problema è che, nella pagina con il "http://www.w3.org/TR/html4/loose.dtd" nel DOCTYPE, le tabelle larghe il 100% non vengono ridimensionate quando c'è la barra di scorrimento verticale, per cui appare anche la barra orizzontale.
Nella pagina invece dove non è indicato il "http://www.w3.org/TR/html4/loose.dtd" nel DOCTYPE, l'interpretazione del concetto "larghezza:100%", a mio UMILE parere, avviene nel modo giusto. Non si può considerare lo spazio occupato dalla barra di scorrimento verticale come spazio "utile".....!

Non ne uscirò viva, da questa faccenda, già lo so!

**Picciola** · 22-05-2007, 08:54

M'avete mollato tutti?...
Mmm, anche se un po' vi capisco, NON LO FATEEEEE!

**perfectgirl963** · 22-05-2007, 18:38

Io con ie7 e ff vedo tutto ok... la barra di scorrimento orizzontale non compare più. Con quale browser hai problemi?
Comunque non è stata usata la larghezza in percentuale per la tabella, l'unico elemento che ha la larghezza in percentuale è l'iframe ma non credo affatto che sia questo il problema.

Discussione: Doctype e scrollbars colorate

Strumenti discussione

Ricerca discussione

Visualizza

Doctype e scrollbars colorate

Permessi di invio