Css formatting problem

beetle_jaipur · August 23rd, 2008, 01:11 AM

Hi friends,

i have a little problem with my site www.rajasthanifolk.com

site is working properly in IE 6.0 and 7.0 but in firefox it is showing some formatting problem in a particular div named "container", it is showing some gap between divs

any suggestion, why it is happening

all suggestions are welcome, and thanks in advance for your support

ashok

richard.york · August 23rd, 2008, 01:28 AM

One problem may be the following:

<link rel="stylesheet" href="MenuBar/cbcscbinsmenu.css" type="text/css" />

You cannot place stylesheets in the <body> using a DOCTYPE that invokes standards mode. IE will happily get them wherever they are, but other browsers, like Firefox will enforce the DOCTYPE's restrictions. In standards mode, external and embedded style sheets must be referenced between the <head> and </head> tags.

This would work in quirks mode, but then you open a whole different can of worms.

Nice looking web page, by the way.

--
http://www.deadmarshes.com
Author, Various Wrox Books

beetle_jaipur · June 5th, 2009, 07:16 AM

Hi,

thanks for your appreciation....

i whole things i learn about CSS, was from your book only, and that is great encouragement for me..

i found that error, it was due to some wrongly placed padding, and <link rel=....

now it is working cool...

and sorry for my very late reply............

best regards
ashok sharma