PDA

Visualizza la versione completa : [ie6] bug css, elementi non renderizzati (post lunghino)


ra.denis
08-09-2003, 19:07
ciao a tutti :ciauz:

in una pagina, ho degli elementi che IE6 non renderizza (mentre Firebird, Netscape e amici 6).

Non riesco a capire come sia successo, visto che prima andava... ho fatto una modifica insignificante al css e... huston, got a problem!! :dh˛: ho provato a tornare indietro ma niente da fare, sempre quei due/tre box non renderizzati.

potete aiutarmi? ormai c'ho perso il pomeriggio...

le parti che mi danno problemi le ho messe in grassetto

codice pagina

<!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>Prices</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
@import url(../rocketski.css);
-->
</style>
</head>
<body>
<div id="frame">

<div id="templatecontentfull"> ../ski-images/launchpad1.gif
<table class="sotable2">
<tr>
<td>../ski-images/be-flight-b.gif (#)</td>
<td>../ski-images/be-airport-transfer.gif (#)</td>
<td>../ski-images/be-accommodation.gif (#)</td>
<td>../ski-images/be-equipment.gif (#)</td>
<td>../ski-images/be-insurance.gif (#)</td>
</tr>
</table>
<div class="divbg">
Your holiday detail
</div>
<div class="rocketbox">
<table>
<tr>
<th>Name:</th>
<td>John Smith</td>
<td></td>
<th>Total cost:</th>
<td></td>
</tr>
<tr>
<th>Group size:</th>
<td>2 adults 0 children 0 infants (#)</td>
<td></td>
<th>Deposit:</th>
<td></td>
</tr>
<tr>
<th>Holiday date:</th>
<td>14 nov 2003</td>
<td></td>
<th>Balance due:</th>
<td></td>
</tr>
</table>
</div>
<div class="divbg">
Your holiday components
</div>
<table class="sotable2">
<tr>
<th class="soheader">Description</th>
<th class="soheader"><abbr title="quantity">Qty</abbr></th>
<th class="soheader">Price</th>
<th class="soheader">Value</th>
<th class="soheader">Remove</th>
<th class="soheader">Info</th>
</tr>

<tr>
<td class="sotable2">

13 December 2003 amm637c 14:00 LONDON GATWICK
to SALZBURG arriving 16:55

20 December 2003 amm637d 17:55 SALZBURG to LONDON GATWICK arriving
19:10</p>
</td>
<td class="sotable">2</td>
<td class="sotable">&pound;152.00</td>
<td class="soprice">&pound;304.00</td>
<td class="sotable" align="center">../ski-images/remove.gif (#)</td>
<td class="sotable" align="center">../ski-images/info.gif (#)</td>
</tr>
<tr>
<td colspan="3" align="right" class="sobook">Total</td>
<td class="sobook">&pound;304.00</td>
<td colspan="2" class="sotable"></td>
</tr>
<tr>
<td colspan="6" align="right">
<input type="image" value="reset" name="reset" src="../ski-images/clear-all.gif" alt="clear all" />
<input type="image" value="submit" name="submit" src="../ski-images/check-out.gif" alt="check out" />
</td>
</tr>
</table>


<div class="needassistance"> Need assistance?

Please call the XXX team on 01273 XX XX XX </div>
</div>
</div>
</body>
</html>

queste le classi usate:

.divbg {
color: #FFFFFF;
background-color: #6699CC;
display: block;
font-size: 12px;
font-weight: bold;
padding: 5px;
border: 1px solid #CCCCCC;
margin: 0px;
}

.sotable {
border: 1px solid #CCCCCC;
padding: 3px;
}

.sotable2 {
border: 1px solid #CCCCCC;
padding: 3px;
width: 100%;
}

.rocketbox {
border: 1px dotted #CCCCCC;
padding: 10px;
margin: 1px;
background-image: url(ski-images/rocketbg.gif);
background-repeat: no-repeat;
background-position: right center;
}

.needassistance {
background-repeat: no-repeat;
background-position: right center;
background-color: #6699CC;
background-image: url(ski-images/bluerocket.gif);
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 5px;
}

#templatecontentfull {
border: 2px solid #6699CC;
padding: 5px;
}

#frame {
position: relative;
width:750px;
margin-top:0px;
margin-bottom:5px;
margin-left: auto;
margin-right: auto;
padding:0px;
border:0px;
}

body {
margin-top: 2px;
width: 750px;
margin-left: auto;
margin-right: auto;
position: relative;
}

help me please! :ciauz:

ra.denis
08-09-2003, 19:29
a questo:

#templatecontentfull {
border: 2px solid #6699CC;
padding: 5px;
}

c'ho aggiunto width: 100%;

e va! :metallica

e adesso s'e' sballata altra roba ancora :jam:

Loading