[css-d] Problems with site in Opera and Firefox!!

I am struggling with some major css problems at the moment. The following website _http://www.food.thfctalk.com/sample.html_ (http://www.food.thfctalk.com/sample.html) works great in IE 6 and IE7 but when I used Opera 9 and below and Firefox, the page is all over the place. Any ideas on

Re: [css-d] Problems with site in Opera and Firefox!!

Hi Georg Thanks very much for that it is starting to look much better! What is causing the header and main global navigation to be distorted in Opera and Firefox, when it shows up fine in IE 6 and 7? So as it is html 4.01 instead of /head it should be head and the same for the /body =

Re: [css-d] Problems with site in Opera and Firefox!!

Hi Georg Thanks you are a lifesaver!! The page now passes as valid HTML 4.01 transitional The only problem I can now see with this page is that the options in the unordered list under 'Other Links' is much further over to the right in Opera and Firefox than as it should look in IE7 ?

Re: [css-d] Browser Check - Problems with I.E. 6.0 and below ?? help!

Thanks for the advice and help so far, that seems to have sorted out the problem with the middle part of the site. However what I am still getting is in IE 7.0 under the user log in box on the left hand side, there is a picture and sign up text, however this does not show up in IE 6.0 ??

[css-d] Browser Check - Problems with I.E. 6.0 and below ?? help!

Hi The following website _http://www.food.thfctalk.com/test.html_ ( http://www.food.thfctalk.com/test.html) works fine in IE 7.0 , it looks as it should, but if you look at it in IE 6 or below there are problems with it such as the middle section of the page is pushed down to the

[css-d] CSS adding space around form selects ?

Hi How can I get the code below, to get the form select box to display 5 pixels below the H4 header at present it is about 20 pixels ? I would also like there only to be a 5 pixel space after the select box and the second H4 Header 'Location' again at present this is around 26 pixels ??

[css-d] Positioning an image class ?

I am trying to get the advert block (.ads) to display about 30px down the maincontent div but have the text run alongside the advert contained with the ads class. At the moment however the .ads advert displays after the text in maincontent Any ideas? #wrapper { margin: 0 auto;

[css-d] Using an Image in a H1 tag

Hi I am trying to use the following css to replace the h1 text with the logo.gif graphic, however the text 'Restaurant' is still appearing on top of the logo.gif graphic? What do I need to add to my css to get rid of this ? #header h1{ height: 142px; width: 292px; float: left;

[css-d] CSS Positioning problems

Hi I am trying to create a design from a photoshop mockup in CSS but at present I m having some major problems for example the date text should be 10 pixels down but it stays in the same place so it seems if it ignoring the margin-top: 10px; part? Any ideas? #details { float: right;