Hi all, 
i've a problem to create a simple BOX tableless browsing it in firefox!! This 
is the simple code: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"; > 
<head> 
<style type="text/css"> 
<!-- 
div.box { 
position:absolute; 
} 
div.middle { 
width: 239px; 
background-image: url(middle.gif); 
background-repeat: repeat-y; 
} 
div.title { 
width: 207px; 
height: 47px; 
float: left; 
background-image: url(top-1.gif); 
background-position: top left; 
background-repeat: no-repeat; 
padding: 7px 7px 7px 9px; 
} 
div.container { 
width: 221px; 
float: left; 
} 
div.down { 
float: left; 
} 
div.close { 
float: right; 
} 
div.bottom { 
background-image: url(bottom.gif); 
background-position: bottom left; 
background-repeat: no-repeat; 
padding: 30px 30px 30px 15px; 
} 



span.title { 
color: #979797; 
font: bold 16px Tahoma; 
} 
span.abstract { 
color: #979797; 
font: bold 11px Tahoma; 
} 

p.text { 
color: #7D7D7D; 
font: 11px Tahoma; 
} 

img { border: 0px; } 
--> 
</style> 
</head> 
<body> 

<div class="box" id="boxTest"> 
<div class="middle"> 

<div class="container"> 
<div class="title"><span class="abstract">BAzAr Window</span></div> 
<div class="down"><a href="#" onClick="down('boxTest')"><img src="top-down.gif" 
width="14" height="46" alt="ok" /></a></div> 
</div> 

<div class="close"><a href="javascript:close('boxTest');"><img 
src="top-close.gif" width="18" height="46" alt="ok" /></a></div> 

<div class="bottom" id="boxTest2_bottom"> 
<p><span class="title">Titolo di prova</span><br /><span class="abstract">On 
line il nuovo sito bazar</span><p> 
<p class="text">Potrebbe essere la chiave perfetta dell'integrazione fra i 
diversamente abili ed il pc. Se così sarà lo scopriremo solo fra qualche tempo. 
Per ora, FaceMouse fa sognare moltissime persone per le quali far muovere il 
puntatore sullo schermo è un'impresa impossibile. È la bella storia di Simone 
Soria, 24 anni, modenese, fresco laureato in Ingegneria -lo scorso 17 febbraio- 
con una tesi che illustra questo innovativo progetto destinato alla produzione 
in serie.</p> 
</div> 

</div> 
</div> 

</body> 
</html> 

u can see the code in action at 

http://www.opent.it/romacinema/test/index2.html 

some one know why i can't show it well in firefox!?!

Thx a lot!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to