Newsgroup: it.comp.www.html
Titolo: Mischiare div con tabelle

Per una volta faccio una domanda io ;-)
C'e' qualche controindicazione nel mischiare div con posizione assoluta e
tabelle?
Esempio, ho tutta la pagina in una tabella, centrata e con width="70%".
Metto un div e lo posiziono nel seguente modo:
..menu {
 position: absolute;
 top: 5%;
 left:1%;
 width:10%;
}
Che va quindi a posizionarsi in alto a sinistra, nello spazio lasciato
libero (in genere) dalla tabella.
Funziona con tutti i browser che ho provato, l'unico "problema" e' che
stringendo *MOLTO* (sotto i 640 cmq) la finestra il div finisce sulla
tabella, ma a dire la verita' devo dire che non mi pare un brutto effetto,
anzi.
Altra cosa, ho notato che se metto position: fixed invece di absolute, il
layer dovrebbe stare sempre li', anche scrollando... e questo sarebeb molto
bello...con Mozilla lo fa ma Ie 5.5 manco a prenderlo a calcioni. E' la
prima volta che mi capita di dover nascondere uno stile a IE5.5 e ho usato
<meta http-equiv="link" content="<fraynoie.css>; rel=stylesheet;
type='text/css'">
(supportato da Mozilla ma non da IE5.5) dopo il <link>, facendo l'overload
di position in quest'altro file esterno. Esistono altri metodi per
nascondere a IE 5.5?
(Esempio di tutto cio' su 
http://digilander.iol.it/FrayTvs
 ma e' molto una
beta, non e' ancora un sito pubblico)
--
Laz
________________________________________
"No longer do the dance of joy, Numfar!"
--
Newsgroup robomoderato. La moderazione riprendera` il primo settembre.

 Esistono altri metodi per nascondere a IE 5.5?
yep:
body > #menu { /* menu "figlio" di body */
    	position:fixed
}
Che secondo me e' meglio che usare il meta (e' la prima volta che 
la sento) invece di link che <imho>e' il metodo corretto per 
indicare le relazioni tra i file</imho>.



Spesso su altalavista si trovano questi layer, ma con photo
hhhaaard....quello tuo ha lo stesso effetto? :-)))
A parte gli scherzi, l'effetto č carino!
Cmq per quanto riguarda il nascondere il file CSS ad IE non puoi usare il
riconoscimento del browser?
Cmq con IE 5.5 SP1 e con Opera 5.11 ho visto che non c'č nessuna differenza.


Facendo un controllino con DW ho riscontrato questi errori anche se sarà un
bugs macromedia dato che la W3C ti ha dato i marchietto!:-)
Ti riporto il messaggio:
Browser di destinazione: Microsoft Internet Explorer 5.0;
Errori: 2;
Avvertenze: 0;
File contenenti errori: Fray.htm
Fray.htm (Torna all'indice)
Errore  L'attributo cite del tag Citazione abbreviata non è supportato.
riga 75 <Q
cite="
http://www.darkhorse.com/news/interviews/sku_00018int/index.html
">
Errore  L'attributo type del tag Script non è supportato.
riga 253 <SCRIPT language=javascript src="Fray_file/data.js"
type=text/javascript>


 indicare le relazioni tra i file</imho>.
E' la prima volta anch'io che vedo usare il meta, ma il non-supporto e'
indicato su richinstyle come un bug, quindi vuol dire che anche se poco
usato e' corretto. (ci credo che e' poco usato, va solo su Mozilla...)
--
Laz
________________________________________
"No longer do the dance of joy, Numfar!"
--


 riconoscimento del browser?
Non e' un metodo affidabilissimo, se uno ha il javascript disattivato sei
fregato. Meglio usare trucchetti che funzionano in ogni caso.
--
Laz
________________________________________
"No longer do the dance of joy, Numfar!"
--



Sicuramente chi ha disabilitato il JS non lo può leggere il browser....ma
oramai penso che un po' tutti coloro che ci navigano sanno che il JS non è
Java!


 type=text/javascript>
Prego? non e' supportato type in <script>? ROTFL! ma che e' sto coso?
Dreamweaver? Ma buttalo nel cesso :-))))) (Nota bene: io le virgolette
attorno a "text/javascript" le ho messe, tu hai controllato un file che hai
salvato con IE attraverso l'opzione "salva", non aprendo il codice e
salvando quello. IE salvandolo lo incasina incredibilmente)
--
Laz
________________________________________
"No longer do the dance of joy, Numfar!"
--


 Java!
Ehm... si' be'... che c'entra? O___O
--
Laz
________________________________________
"No longer do the dance of joy, Numfar!"
--


Ho provato una volta, ma con scarso risultato, Nn4 non visualizza
correttamente.
Ciao, Luca


In questa pagina 
http://digilander.iol.it/FrayTvs/char.htm
con netscape 4.72 la parte del testo sotto è in bianco (non penso sia voluto
bianco su giallino!)
Con Mozilla 0.9.3 Si vede il testo giusto ma da Netscape a Mozilla si vede
una grossa differenza nel foglio di stile della tabella, i bordi sono molto
diversi.
Le pagine sono salvate con estensione .htm :-(
Io toglierei il layer che si sovrappone alla pagina, non è esteticamente
bellissimo, perchè non metterlo come cella della tabella principale?
Nella pagina 
http://digilander.iol.it/FrayTvs/fray2.htm
 c'è un'errore dui
battitura (Lvoro, Lavoro) qui:
                  Urkonn: "Il mio viso non ti pare strano?"
                  Mel: "Per favore. Lvoro per un pesce."
altro non vedo, forse l'unica cosa (ma è parere personale) una scarnezza
grafica da sistemare.
ciao


 battitura (Lvoro, Lavoro) qui:
Ce ne sono 50.000, ci saranno anche frasi con parole buttate dentro a caso,
non ho ancora sistemato il testo, amanzo l'ho riletto.
--
Laz
________________________________________
"No longer do the dance of joy, Numfar!"
--


 correttamente.
Nel senso che il layer si muove nel resto della pagina? Certo, solo con
Mozilla funziona.
--
Laz
________________________________________
"No longer do the dance of joy, Numfar!"
--



Si potrebbe dire che il JS non può nuocere cosa che il Java può fare....e
anche tanto!:-(



Io ho provato a salvare da IE, dopo pranzo provo a salvare solo il codice.


 anche se beta.
Il marchietto lo metto io, non loro, quando il sito sara' pubblico sta
tranqulli che validera' :-D
--
Laz
________________________________________
"No longer do the dance of joy, Numfar!"
--


 anche tanto!:-(
Certo che puo' nuocere ache javascript... oppure puo' anche solo dar
fastidio.
--
Laz
________________________________________
"No longer do the dance of joy, Numfar!"
--



Si, ma non in modo grave come può il Java!



Lo so, non ho dubbi su questo!:-)


 }
Nascondere particolari comandi css ad un browser? Questa mi e' nuova,
potreste darmi maggiori informazioni o links possibilmente non in inglese?
Grazie.
Max
lucamax{*ola}
libero.it

 potreste darmi maggiori informazioni o links possibilmente non in inglese?
www.richinstyle.com
 credo che ne parli.


 
www.richinstyle.com
 credo che ne parli.
E' in inglese :-(
Potresti farmi un esempio per favore? dovrei nascondere un float in un css
esterno a ns4. Come potrei fare?
Grazie.
Max

 possibilmente non in inglese? 
No, cioe', i link che conosco al riguardo sono solo in inglese...
L'uso del selettore
tagPapa' > tagFiglio {
}
era illustrato nell'articolo di Jeffrey Zeldman sul numero di 
alistapart.com
 in cui annunciava la "Browser Upgrade Campaign".
http://www.alistapart.com/stories/journey/
Nell'articolo questo sistema veniva usato per correggere i bug 
delle versioni di Internet Explorer precedenti alla 6, che 
interpreta incorrettamente il box model CSS.
#elemento {
  width: 100px;
  padding: 10px;
  border: 1px solid #000;
}
Questo codice su Mozilla (per fare un esempio) genera un 
rettangolo largo 122px (1px + 10px + 100px + 10px + 1px) come 
specificato nelle raccomandazioni del W3C: "width" specifica la 
larghezza del contenuto, bordo e padding vengono aggiunti dopo 
(non che sia molto intuitivo).
Su IE < 6 (ma solo quello su Windows) invece il rettangolo creato 
da #elemento e' largo esattamente 100px.
Per mantere quindi un layout basato sui pixel Zeldman quindi 
suggeriva di usare questo "hack", visto che IE non supporta il 
selettore "tag1 > tag2"
#elemento {
  width: 100px;
  padding: 10px;
  border: 1px solid #000;
}
body > #elemento {
  width:88px;
  /* piu' i 22px tra padding e bordi laterali, il totale e'
  100px */
}
La prima regola viene applicata da tutti i browser, la seconda, 
piu' specifica, non viene applicata da IE, il risultato sara' sia 
in IE che in altri browser piu' "corretti" un rettangolo largo 
100px.

 esterno a ns4. Come potrei fare?
A NS4? Ok, questo e' facile.
Prendi lo stile che devi nascondere a NS4 e lo metti in un'*altro* file css
esterno, che so NS4bleah.css
Quindi, come*prima riga* del css principale scrivi:
@import url(NS4bleah.css);
NS4 non supoprta l'inclusione mediante @import quindi non vedra' il file
NS4bleah.css
(Per la cronaca per nascondere le cose a IE 4 basta usare @import
"IE4bleah.css"; con le virgolette, perche' IE4 supporta @import url, ma non
@import virgolette)


 @import url(NS4bleah.css);
Chiarissimo. Ti ringrazio.
Immagino, leggendo anche la risposta di lot3k (grazie anche a lui), che non
esista una regola generale valida per tutti i browser, a meno che forse non
si crei uno script utilizzando la variabile HTTP_USER_AGENT, ad esempio in
php. Dico bene?
Ciao, Max

 php. Dico bene?
Dici bene (se si puo' fare server-side mnaturalmente, perche' clien-side
serve a ben poco). Pero' anche li' se vuoi prevedere un caso per ogni
browser/versione esistente al mondo campa cavallo!


 
No, :P
Perche' la stringa User Agent puo' essere modificata, vedi Opera 
che puo' essere impostata dalle preferenze per identificarsi come 
Explorer o Netscape.

 browser/versione esistente al mondo campa cavallo!
Basterebbero i 4/5 piu' comuni utilizzati dal 99.9% degli utenti. Anche
perche' non so come si faccia a testare un sito su tutti i browser
esistenti!
Max

 Explorer o Netscape.
Quelli sono anche un po' cazzi suoi ;-) Mica ci si puo' preoccupare della
gente che "trucca il motorino" ;-)
Resta il fatto che li trovo inutili, meglio fare una sola pagina che si vede
con tutto.


 pagina che si vede con tutto.
oh, sono d'accordo, principalmente per il fatto che il browser 
sniffing attraverso la stringa useragent non funziona :P