Uela'
Sorry per il titolo generico anzichennò, ma proprio nonciòidea se il problema che vi sto per sottoporre ha a che fare col box model o chissà che altro.
(Infatti sono un paio di giorni che cerco in giro, ma evidentemente non so COSA cercare, visto che non trovo niente).
Il problema è... "il solito", suppongo.
Una pagina che su FireFox e Safari va una meraviglia e su IE (6) invece no.
Tratterebbesi di pop-under fatta coi div e unfilino di giavascritt con relative ombrette in .png (lo so; POI ci penZo) che si ridimensiona a seconda dell'immagine che riceve tramite height/width:auto.
Qua c'è la pagina d'esempio.
Se la guardate con Firefox e con IE6 (con il 7 nollosò) vi accorgete di che problemi dà.
Da quello che ho letto in giro deve sicuramente essere colpa mia, ma non riesco a venirne a capo.
(Secondo me è proprio il "width:auto"; ma se è lui allora proprio non so come aggirare la cosa).
(Per dirla tutta... "Secondo me" a 'sto punto potrebbe essere *qualsiasi cosa*).
Questo è il CSS:
e questo l'(X)HTML:Codice PHP:html, body {width:100%; height:100%;}
body {margin:0; padding:0; background-image:url(immagini/gauze.jpg);}
a img{border:0;}
a:focus {outline:0;}
.border {border:solid 1px black;}
#ALL {position:absolute; top:0; left:0;
width:100%; height:100%;
padding:0;
text-align:center;
background:url(immagini/bg_gray.png);
display:none;}
#CONT {
position:absolute; top:15%; left:20%;
width:auto; height:auto; }
#angSxTop {
position:absolute; top:0; left:0;
width:30px; height:30px;
background:url(immagini/cornice/ang_top_sx.png) no-repeat;}
#top {
width:auto; height:30px;
margin:0 30px;
background:url(immagini/cornice/top.png) repeat-x;}
#angDxTop {
position:absolute; right:0; top:0;
width:30px; height:30px;
background:url(immagini/cornice/ang_top_dx.png) no-repeat;}
#sx {
width:auto; height:auto;
background:url(immagini/cornice/sx.png) repeat-y left top;}
#dx {
clear:right; margin-left:30px;
width:auto; height:auto;
background:url(immagini/cornice/dx.png) repeat-y right top;}
#angSxBot {
float:left;
width:30px; height:30px;
background:url(immagini/cornice/ang_bot_sx.png) no-repeat;}
#bot {
width:auto; height:30px;
margin:0 30px;
background:url(immagini/cornice/bot.png) repeat-x;}
#angDxBot {
position:absolute; right:0; bottom:0;
width:30px; height:30px;
background:url(immagini/cornice/ang_bot_dx.png) no-repeat;}
#LAYER {
width:auto; height:auto;
border:solid 1px white;
margin-right:30px;}
Nolloso'... Io adesso mi vado a rilassare un po' il neurone con qualche trattatello di fisica nucleare.Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Mapporc....</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/* Qua c'è tutto il CSS dicuisopra */
</head>
<body>
[url="javascript:void(0);"]Fampovvede'[/url]
<div id="ALL">
<div id="CONT">
<div id="angSxTop"></div>
<div id="top"></div>
<div id="angDxTop"></div>
<div id="sx">
<div id="dx">
<div id="LAYER">[url="javascript:void(0);"][img]immagini/uno.jpg[/img]</img>[/url]</div>
</div>
</div>
<div id="angSxBot"></div>
<div id="bot"></div>
<div id="angDxBot"></div>
</div>
</div>
</body>
</html>
"Web Developer" su Firefox dice che la pagina è "valida" sia per i CSS che per l'XHTML.
Se qualcuno cià voglia di darci un'occhiata mi fà un favore (e gli concedo anche di farsi beffe di me e della mia 'gnuranza ciessessistica in pubblico).
Tenchiù ;-)
cià
ale
Rispondi quotando
