Jump to content

A Difference in IE & Firefox


Recommended Posts

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.

Link to comment
Share on other sites

Graeme, you've been a Killersites member long enough to know about coding errors and the need to validate :)


Close your form where it needs to be closed (right after the form code, not at the bottom of your tables) and then close the twoCol division BEFORE your clearing division, not after.


And there is no need at all to start any HTML with a clearing division on top- what are you clearing?

Link to comment
Share on other sites

This now validates:-


CSS file:-



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 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.

Link to comment
Share on other sites

Hello Again All,


Just getting back to my original style sheet, I can alter the colour of the

Tag but not any of the other 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


Link to comment
Share on other sites

If you have any of the heading tags (h1, h2, etc.) that has links within them then the color set for the tag will supercede the heading tags color.



This will show the greyish color which is set by this style:


a {

color: #666666;

text-decoration: none;



If you really want to turn those links that are within the heading tags then you will need to add a new style like this:


h2 a, h3 a, h4 a, h5 a {

color: #D50672;




You have another style that is for h2 only that you will find that has it's own color:


#content h2 {

margin-bottom: 20px;

font-size: 18px;

letter-spacing: -1px;

color: #808080;


Edited by newseed
Link to comment
Share on other sites

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:


<table width="100%" style="border:0;background:#f5f5f5;">

Hand Tied Bouquets start from £40

   Flower :


Quantity : 


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

Link to comment
Share on other sites

Thelma said: I was thinking that having the table start and end inside the form tags was incorrect.


It depends on what you want to achieve; it's sometimes correct, sometimes not. I left the form tags outside the table as Graeme had it, and my version works and validates. I think he had one form tag outside and the other inside. The most important rule is to close them "from the inside out" ie close the inner element before you close the outer one. Edit: I've just remembered - he had a lot of tags opened but not closed which included one of the form or table tags if I recall, which should always be done with XHTML although with very old HTML it was allowed to leave them unclosed.


He had a form tag with the action, some p tags with hidden input boxes, then a table for the visible input boxes which is quite common to line up the boxes inside a form with the box description.

Edited by Wickham
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...