Jump to content

Question about div back-ground color height

e1seix

By e1seix
in CSS Help

Recommended Posts

e1seix Regular Member

e1seix

Posted
Posted

I have a bit of a strange one to ask you.

 

Here is a link to a page i have: http://malegroomingfordummies.co.uk/test.php

 

You'll notice in IE the background for the second box "You May Also Like:-" continues down until the last of the code, however in Mozilla it stops all of a sudden and I can' quite figure out how to fix it. Any ideas?

 

<html>
<head>
<style type="text/css">

#add {
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
}

#brand {
width:500px;
        background-color: #ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#content-main {
width:520px;
        background-color: #eeeee0;
}

#desc {
width:500px;
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
}

#email {
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
}

#gap {
        width:240px;
        background-color: #ffffff;
        font-size:10px;
}

#home {
        margin:5px;
        padding:5px;
width:500px;
        background-color: #eeeee0;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
}

#image {
        height:250px;
        float:left;
        width:250px;
        background-color: #ffffff;
}

#image_small {
        border: 1px solid #000000;
        height:100px;
        width:98px;
        background-color: #ffffff;
}

html>body #image small{
        display:block;
        height:100px;
        width:98px;
        background-color: #ffffff;
}

#info {
        height:250px;
        float:left;
        background-color: #ffffff;
}

#main {
        width:500px;
        background-color: #ffffff;
}

#main_small {
        float:left;
        width:500px;
        background-color: #ffffff;
}

#name {
width:500px;
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
}

#main-window1 {
        margin:5px;
        padding:5px;
width:500px;
        background-color: #ffffff;
}

#main-window2 {
        margin:5px;
        padding:5px;
width:500px;
        background-color: #ffffff;
}

#name_small {
        height:98px;
width:98px;
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
        text-align:center;
}

#price {
        background-color: #ffffff;
        color:#ff0000;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#price_small {
width:98px;
        background-color: #ffffff;
        color:#ff0000;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
        text-align:center;
}

#product {
        display:block;
        float:left;
}

#retail {
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
}

#retail_small {
width:98px;
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
        text-align:center;
}

#review {
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
}

#saving {
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
}

#saving_small {
width:98px;
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
        text-align:center;
}

#shop {
        background-color: #ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

</style>
</head>
<body>

<div id="content-main">
<div id="home"><u>Home</u> | <u>Deodorant</u></div>
<div id="main-window1">

<div id="brand"><u>Carolina Herrera</u></div>
<div id="name">212 Sexy Men Deodorant Stick 75g</div>

<div id="main">
<div id="image"><img height="250px" src="http://malegroomingfordummies.co.uk/images/1456.jpg" width="250px" /></div>
<div id="info">
<div id="retail">Retail £14.50</div>
<div id="price">Our Price £12.95</div>
<div id="saving">Saving £1.55 (10.69%)</div>
<div id="gap"> </div>
<div id="email">Email This Page to a Friend</div>
<div id="review">Write a Review of This Product</div>
<div id="gap"> </div>
<div id="shop">CheapSmells.com</div>
<div id="gap"> </div>
<div id="add">Add to Basket</div>
</div>
</div>

<div id="desc">The new fragrance for men by Carolina Herrera New York. Alluring, seductive, yet infinitely subtle, 212 Sexy Men combines quiet confidence with deliberately seductive elements. Featuring: - Citric Fresh Top Notes with Bergamot, Mandarin and Green leaf - Spicy Sensuality Middle Notes with Cardomom, Flower Petals and Pepper - Woody Oriental Base Notes with Sandalwood, Vanilla, Bois de Gaiax, Musk and Amber.</div>

</div>

<div id="home">You May Also Like:-</div>

<div id="main-window2">

<div id="main_small">

<div id="product">

<div id="image_small"><img height="98px" src="http://malegroomingfordummies.co.uk/images/1456.jpg" width="98px" /></div>
<div id="name_small">212 Sexy Men Deodorant Stick 75g</div>
<div id="retail_small">Retail £14.50</div>
<div id="price_small">Our Price £12.95</div>
<div id="saving_small">Saving £1.55 (10.69%)</div>

</div>
<div id="product">

<div id="image_small"><img height="98px" src="http://malegroomingfordummies.co.uk/images/1456.jpg" width="98px" /></div>
<div id="name_small">212 Sexy Men Deodorant Stick 75g</div>
<div id="retail_small">Retail £14.50</div>
<div id="price_small">Our Price £12.95</div>
<div id="saving_small">Saving £1.55 (10.69%)</div>

</div>
<div id="product">

<div id="image_small"><img height="98px" src="http://malegroomingfordummies.co.uk/images/1456.jpg" width="98px" /></div>
<div id="name_small">212 Sexy Men Deodorant Stick 75g</div>
<div id="retail_small">Retail £14.50</div>
<div id="price_small">Our Price £12.95</div>
<div id="saving_small">Saving £1.55 (10.69%)</div>

</div>
<div id="product">

<div id="image_small"><img height="98px" src="http://malegroomingfordummies.co.uk/images/1456.jpg" width="98px" /></div>
<div id="name_small">212 Sexy Men Deodorant Stick 75g</div>
<div id="retail_small">Retail £14.50</div>
<div id="price_small">Our Price £12.95</div>
<div id="saving_small">Saving £1.55 (10.69%)</div>

</div>
<div id="product">

<div id="image_small"><img height="98px" src="http://malegroomingfordummies.co.uk/images/1456.jpg" width="98px" /></div>
<div id="name_small">212 Sexy Men Deodorant Stick 75g</div>
<div id="retail_small">Retail £14.50</div>
<div id="price_small">Our Price £12.95</div>
<div id="saving_small">Saving £1.55 (10.69%)</div>

</div>

</div>

</div>
 
</div>

</body>
</html>

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.