A Difference in IE & Firefox

Hi Graeme,

I only took a peek in Fx, but I know this problem well.  It's happening because you have 2 floats in that large container, so the container doesn't think there's any content in there (because floated items are taken out of the flow).  So, just add something like overflow:auto; or overflow:hidden to the container and it will expand around all your content.

Thank you so much.  I understoosd your advice and thanks for the extra.

I'll promise to validate from now on Thelma!

By the way, I had to re-register before I could enter the Forum!

Best wishes
Graeme

This now validates:-
http://www.wickham43.com/forumposts/gra … 90113.html
CSS file:-
http://www.wickham43.com/forumposts/gra … 090113.css

There were so many edits it's easier to put my version online.

You had the right idea with the lower clear div (although Susie offered an alternative) but to make it work you need to put it inside the </div> closing tag of the #content div which was missing.

The upper clear div does nothing, as Thelma said.

You can still see most of the edits I made.

Hello Again All,

Just getting back to my original style sheet, I can alter the colour of the <H1> Tag but not any of the other <H..> tags.

I used:-

h1, h2, h3, h4, h5 {
    margin: 0;
    color: #D50672;
}

/* Header */

#header {
    width: 700px;
    margin: 0 auto;
    color: ;
}

#header h1 {
    float: left;
    margin: 0px 0 0 0px;
    font-size: 50px;
    letter-spacing: -7px;
}

#header h2 {
    float: right;
    margin: 40px 20px 0 0;
    font-size: 18px;
    letter-spacing: -2px;
}

The colour #D50672 is a purple and the other tags are grey.

Thanks as always,

Best wishes
Graeme

If you're still talking about the page you linked to in your intital post here - you only have an <h1> in there - no other <h>s.....

Your form tags are still messed up -  you need to (open and) close each form within its cells.  You have one open and a couple random closing form tags.

Wickham gave you a validating solution in his link a couple posts up. 

What I was referring to is this - and maybe I have it wrong:

      <form action="http://ww10.aitsafe.com/cf/add.cfm" method="post">
        <p><input type="hidden" name="userid" value="C6227550"/></p>
        <p><input type="hidden" name="return" value="www.burnmoorcc.org.uk/teamwear.html"/></p>
        
<table width="100%" style="border: 0; background: #f5f5f5;"> <!--was border="0" bgcolor="#f5f5f5"-->

<tr>
    <td><img src="images/bride.jpg" width="200" height="301" alt="" style="border: 0;" /></td>
    
    <!--<td>-->
    <td valign="top">

    <p>Hand Tied Bouquets start from &pound;40</p>
    <p>
    Flower :
    <input type="hidden" name="product[]" value="Hand Tied Bouquets"/>
                <select name="product[]">
                <option value="Roses">Roses</option>
                <option value="Lillys">Lillys</option>

    </select></p>
    
    <p>Quantity : 
            <input type="text" name="qty" size="4"/>
            <input type="hidden" name="price" value="40.00"/>
            <input type="submit" value="Order Now!"/>
    </p><!--</select>-->
</td>
</tr>
</table></form>

I was thinking that having the table start and end inside the form tags was incorrect - but I may have been thinking wrong - someone enlighten me, please