Newsgroup: it.comp.www.html
Titolo: Ubriachezza molesta di Opera.

Provate a visualizzare questa semplice paginetta con Opera:
<HTML><HEAD>
   <TITLE>Gnente</TITLE>
   <style type="text/css">
      div#uno {
         position: absolute;
         top: 0px;
         left: 0px;
         height: 200px;
         width: 200px;
         background: red;
      }
      div#due {
         position: absolute;
         bottom: 10px;
         right: 10px;
      }
      div.tre {
         float: right;
         border: 4px solid blue;
         padding: 2px;
         background: yellow;
      }
   </style>
</HEAD>
<BODY>
   <div id="uno">
      <div id="due">
         <div class="tre">Prova</div>
      </div>
   </div>
</BODY>
</HTML>
La domanda ovviamente è: PERCHE'?!?
MaxArt

La domanda ovviamente è: PERCHE'?!?>>MaxArt>
---
Io con Internet Explorer 6.0 lo visualizzo identico a Opera 7.5...
Non so tu.
Saluti,
Gabriel Di Grazia
Messaggio spedito dal sito Risorse.net
La comunita' virtuale di Web masters e Web designers
http://www.risorse.net

quoto e sottoscrivo

 Non so tu.
A me no. Ma non so come lo visualizzi a te. Opera (v7.11it) mi fa questa
roba:
http://web.tiscali.it/maxart_x/opera_inbox.gif
Dimmi tu se è normale... :-\
MaxArt

Dimmi
tu se č normale... :-\>>MaxArt>
---
Una cosa del genere proprio non me l'aspettavo...
Lě č sicuramente il vecchio box-model di Opera che da problemi. Nella versione
7.5 (che comunque č una beta) quell'errore non si verifica, comportandosi in
modo uguale a Internet Explorer.
Il box model di Internet Explorer infatti rispetta i posizionamenti e le misure
da te utilizzate nel CSS.
Ti ho uppato uno screen di confronto tra Opera 7.5 e Internet Explorer 6 qua:
http://www.gabrielsoft.net/max_opera/max_opera.gif
E' molto probabile che la mancata definizione del DOCTYPE faccia utilizzare ad
Opera il proprio doctype, stesso per Internet Explorer.
Dreamweaver suggerisce come primo doctype utilizzabile questo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd
">
Prova ad incollarlo e a rifare il controllo.
Cordialmente,


 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
Ehm, colpa mia... il doctype in effetti è specificato, non l'ho riportato
qui per brevità. L'unica differenza sta nell'HTML 4.0 anziché 4.01.
E' dunque colpa interamente di Opera?
MaxArt

---
Ehm, colpa mia... il doctype in effetti è specificato, non l'ho riportato>qui
per brevità. L'unica differenza sta nell'HTML 4.0 anziché 4.01.>E' dunque colpa
interamente di Opera?>>MaxArt>
---
Come ti ho già detto ogni browser interpreta le specifiche in modo un po' "personale"...
Il doctype è utile proprio per questo motivo.. far identificare un modello di
pagina che corrisponda a più browser.
Se il doctype che hai specificato ti da quest'errore con Opera allora forse è
proprio quello che è errato. (prova a validare il codice su 
www.w3c.org
)
Io non ho provato a mettere il doctype, mi sono limitato a copiare/incollare
il codice che hai dato tu.
Facci sapere se trovi una soluzione.


 Facci sapere se trovi una soluzione.
La soluzione l'ho trovata, però non è granché! E' funzionale, questo sì...
Il problema risiede nella definizione di floating della classe "tre", che
Opera non pare digerire. Dal momento che nel box "due" dovrò metterci
diversi di quei box "tre" (saranno dei pulsanti), ho ovviato ponendo:
   div#due div {display: inline;}
Però è un truccaccio infido che dà pure problemi con IE!
MaxArt