+ Post New Thread
Results 1 to 10 of 10
Web Development Thread, My site looks rubbish in Firefox in Coding and Web Development; I don't regard myself as a web-design expert by any means. I just do my best as a self-taught Dreamweaver ...
  1. #1
    BJG
    BJG is offline
    BJG's Avatar
    Join Date
    May 2008
    Location
    Norwich
    Posts
    465
    Thank Post
    89
    Thanked 35 Times in 25 Posts
    Rep Power
    22

    My site looks rubbish in Firefox

    I don't regard myself as a web-design expert by any means. I just do my best as a self-taught Dreamweaver user. However, I thought I'd got the school website looking reasonably OK, until I switched to Firefox. Now I find gaps opening up between the rows of the main menu which looks a bit rubbish. Eg, note the gap between "Welcome" and "Headteacher" on the front page, and the way the menu skips about, eg by clicking between "Business" and "PE" on the "Subjects" page. This all looks fine in IE7.

    I know it's difficult to say without seeing how I've set it up, but I was just wondering if anyone could guess what the problem might be...? Some incompatibility between IE and Firefox on the tables front, or issues with Firefox and Dreamweaver 8. (All the layout is done with tables and a few shims because I don't know better, but I'm not about to attempt a complete redesign.)

    www.disshigh.norfolk.sch.uk

    Any suggestions appreciated...
    Last edited by BJG; 20th April 2009 at 09:26 AM.

  2. #2
    p858snake's Avatar
    Join Date
    Dec 2008
    Location
    Queensland
    Posts
    1,490
    Thank Post
    37
    Thanked 175 Times in 151 Posts
    Blog Entries
    2
    Rep Power
    51
    Can you take screenshots, i see the same in the latest stable firefox and ie6.

  3. #3
    ICT_GUY's Avatar
    Join Date
    Feb 2007
    Location
    Weymouth
    Posts
    2,261
    Thank Post
    646
    Thanked 283 Times in 204 Posts
    Rep Power
    104
    Its the way IE and Firefox read blank spaces, look for  

    delete the  

  4. #4
    BJG
    BJG is offline
    BJG's Avatar
    Join Date
    May 2008
    Location
    Norwich
    Posts
    465
    Thank Post
    89
    Thanked 35 Times in 25 Posts
    Rep Power
    22
    Thanks for the suggestions. I just tried deleting every occurrence of &nbsp on the "PE" page in Subjects, then previewed in IE 7:



    ...and Firefox 3.0.8:



    I always seem to have had a slight issue with menu spacing, and the IE one doesn't look perfect, but Firefox really exaggerates it. Here's the source for that page.

    http://www.disshigh.norfolk.sch.uk/downloads/source.doc

  5. #5
    ICT_GUY's Avatar
    Join Date
    Feb 2007
    Location
    Weymouth
    Posts
    2,261
    Thank Post
    646
    Thanked 283 Times in 204 Posts
    Rep Power
    104
    Seems to look ok in my version of firefox.

  6. #6
    BJG
    BJG is offline
    BJG's Avatar
    Join Date
    May 2008
    Location
    Norwich
    Posts
    465
    Thank Post
    89
    Thanked 35 Times in 25 Posts
    Rep Power
    22
    OK, thanks for checking. Seems OK in Google Chrome as well, though Chrome and Firefox both agree on the space between the top two entries which didn't exist in IE. I'll keep meddling...

  7. #7

    plexer's Avatar
    Join Date
    Dec 2005
    Location
    Norfolk
    Posts
    13,325
    Thank Post
    622
    Thanked 1,577 Times in 1,414 Posts
    Rep Power
    413
    Yes the space is still there in 3.0.8 here.

    Ben

  8. #8

    localzuk's Avatar
    Join Date
    Dec 2006
    Location
    Minehead
    Posts
    17,607
    Thank Post
    514
    Thanked 2,441 Times in 1,889 Posts
    Blog Entries
    24
    Rep Power
    828
    The reason for this is you have your first link in a
    Code:
    <p>
    tag, whilst the rest don't.

    eg.

    Code:
    <p><strong><font color="#000066" face="Arial, Helvetica, sans-serif">Welcome</font></strong></p>
    compared to

    Code:
    <a href="headmessage.htm" target="_self">Headteacher</a>
    EDIT: Just had a look at the code for another page, and it doesn't have that. So, it isn't the p tag. I'll look again.

    EDIT 2: Ok. Had a look. It is to do with the way you're using tables. You have the top item of your menu list on the same table row as the heading for the main content. This means that the row auto-sizes for the largest item in the row - namely the heading.

    My suggestion... Instead of using a new row for each menu item in the side bar, use a single cell, spanning the rows needed for the other part of the site. This will mean the layout is entirely within a single cell.

    Also, the code for your site does not comply with any standards, and as it's a school you'd be falling foul of disability rules by not making it accessible to all users. http://validator.w3.org/check?uri=ht...Inline&group=0
    Last edited by localzuk; 20th April 2009 at 10:31 AM.

  9. Thanks to localzuk from:

    BJG (20th April 2009)

  10. #9

    CESIL's Avatar
    Join Date
    Nov 2006
    Location
    Hampshire
    Posts
    1,403
    Thank Post
    109
    Thanked 267 Times in 198 Posts
    Rep Power
    168
    As localzuk says you have missed a <p> tag on the first menu link.
    [EDIT] Just realised that I didn't read the layout correctly either...still that sort of proves my point about the complexity of the layout

    The way you have laid out the pages has made it quite hard to keep control of the content.

    If you are going to use tables then it is better (IMHO) to start with a table that establishes a framework for the rest of the content to fit into.



    You can then build a table for the menu etc in this framework.

    Having said all that...moving to a page layout using css and divs would make things much easier to control...
    [EDIT] Using css would also make it easier to keep fonts, colours etc consistent across the pages...
    Last edited by CESIL; 20th April 2009 at 10:43 AM.

  11. #10
    BJG
    BJG is offline
    BJG's Avatar
    Join Date
    May 2008
    Location
    Norwich
    Posts
    465
    Thank Post
    89
    Thanked 35 Times in 25 Posts
    Rep Power
    22
    Quote Originally Posted by localzuk View Post
    My suggestion... Instead of using a new row for each menu item in the side bar, use a single cell, spanning the rows needed for the other part of the site. This will mean the layout is entirely within a single cell.
    Sorted. Thanks!

SHARE:
+ Post New Thread

Similar Threads

  1. Joomla Site Not Working in Firefox
    By MaximusR in forum EduGeek Joomla 1.5 Package
    Replies: 8
    Last Post: 29th January 2009, 09:14 PM
  2. New Site Feature: IE7 and FireFox search provider
    By ZeroHour in forum General EduGeek News/Announcements
    Replies: 4
    Last Post: 5th August 2008, 11:25 AM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •