PDA

View Full Version : Nested divs not showing correctly in IE and safari



Webpacks
Apr 9th, 2010, 04:13 PM
Hi Guys

I've created a set of nested divs to display a a product image and product description...it looks fine in FF but not in IE or Safari and I just cant ge my head around why :confused:

Heres the page where you can see what I've done: http://asmmarinesonic.co.uk/dev/node/26

The HTML is:


<div class="product">
<div class="product_image">Pic Goes Heres</div>
<div class="product_text"><strong>ASM-10 Single hull Boats & yachts Up to 8 meters.</strong><br />
<ul>
<li>1. 12Vdc Sonic complete logic control unit (available in 24Vdc)</li>
<li> 2. 1x Hull Transducer Stainless/Aloy+ gold plated 0.7 3.3 Amp Max</li>
<li> 3. 1x 5m cable + 2.5m power cable fitted to controller</li>
<li> 4. 2x epoxy and 1 special joining compound container</li>
<li> 5. Operation temperature -40 to 55 C </li>
<li>6. Operating humidity up to 85% IP68</li>
<li>7. Installation Manual</li>
<li>8. 90 Days performance return policy*</li>
<li>9. 2 Year warrantee on Controller*</li>
<li>10. 10 Years warrantee on hull Transducer*</li>
</ul>
</div>
</div>

and the CSS controlling this is:


.product {
width: 530px;
height: 340px;
border: 1px groove #CCCCCC;
}

.product_image {
margin: 0px;
padding: 0px;
height: 330px;
width: 190px;
position: relative;
left: 5px;
top: 5px;
float: left;
background-color: #006699;


}

.product_text {
width: 300px;
position: relative;
top: 5px;
float: right;
right: 0px;
padding-right: 10px;
padding-left: 10px;
}

Any help would be very much appreciated :thumbsup:

Many thanks in advance.

Neil

abduraooft
Apr 9th, 2010, 04:33 PM
Start with fixing the errors in your markup, see http://validator.w3.org/check?uri=http://asmmarinesonic.co.uk/dev/node/26
(Refer http://www.alistapart.com/articles/doctype to get the right DOCTYPE for your page.)

effpeetee
Apr 9th, 2010, 08:23 PM
Quite a few errors here too. (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fasmmarinesonic.co.uk%2Fdev%2Fnode%2F26&profile=css21&usermedium=all&warning=1&lang=en)

Frank

Webpacks
Apr 9th, 2010, 08:23 PM
Hi

Many thanks for that...all sorted now :thumbsup:

KR

Neil