CSS layout problem in FF

This is a discussion on "CSS layout problem in FF" within the Web Page Design section. This forum, and the thread "CSS layout problem in FF are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Mar 28th, 2008, 11:27
New Member
Join Date: Mar 2008
Location: UK
Age: 15
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
CSS layout problem in FF

Hi,
I am having real trouble trying to get my layout to work in FF... The usual "works in IE" applies :mad:. Could someone please help... http://v2.btronics.co.uk the stylesheet is at http://v2.btronics.co.uk/stylesheet.css
Thanks
Reply With Quote

  #2 (permalink)  
Old Mar 28th, 2008, 12:07
SuperMember

SuperMember
Join Date: May 2007
Location: UK
Age: 27
Posts: 1,111
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS layout problem in FF

Quote:
Originally Posted by benracer View Post
The usual "works in IE" applies
*sigh*

If it works in IE but breaks in Firefox, then your coding methods are wrong.

Firefox (almost) always displays web pages correctly. They may not look right to you, but that's because your code is wrong.

IE hardly ever gets a web page completely right, unless it's an extremely simple one. The only reason your page works in IE is that you tweaked it to work in IE.

Your link is not working, so I can offer only generic advice. Design your pages in Firefox (or Opera, or Safari), and then hack for IE (use conditional comments).

Validate your HTML and CSS with the W3C validator (not with Dreamweaver or another authoring tool).
Reply With Quote
  #3 (permalink)  
Old Mar 28th, 2008, 12:16
New Member
Join Date: Mar 2008
Location: UK
Age: 15
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS layout problem in FF

Hi,
I only use dreamweaver for the colour coding My site validates, im not sure why that link doesnt work, here it is again...

http://v2.btronics.co.uk

Thanks
Ben
Reply With Quote
  #4 (permalink)  
Old Mar 28th, 2008, 14:24
New Member
Join Date: Mar 2008
Location: UK
Age: 15
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS layout problem in FF

Thanks, i now have the wrapper displaying correctly though how can i get the content div to expand to 100% width between the menu and far right? i have included diagram on the index page. http://v2.btronics.co.uk Your help is extremely appreciated.
Reply With Quote
  #5 (permalink)  
Old Mar 28th, 2008, 16:30
SuperMember

SuperMember
Join Date: May 2007
Location: UK
Age: 27
Posts: 1,111
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS layout problem in FF

Quote:
Originally Posted by benracer View Post
Hi,
I only use dreamweaver for the colour coding My site validates, im not sure why that link doesnt work, here it is again...

http://v2.btronics.co.uk

Thanks
Ben
Link works now. Odd.

Actually your page doesn't validate.

Your content <div> is floated left, but you haven't set a width. This means it will expand to allow room for the widest element inside. If you want it to fill the container, try giving it a suitable width.
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS Layout Problem AlexDS Web Page Design 7 Aug 14th, 2007 10:48
layout problem samv Web Page Design 21 Feb 17th, 2007 10:21
Problem with Layout dg81 Web Page Design 3 Jan 15th, 2007 03:31
layout problem bean_2k1 Web Page Design 3 Sep 13th, 2006 02:53
layout problem key_uk Web Page Design 3 Apr 3rd, 2006 01:53


All times are GMT. The time now is 22:16.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43