XHTML Layout - Browser testing please :)

openmind's picture

He has: 945 posts

Joined: Aug 2001

OK I've finally taken the plunge and decided to make my next site XHTML strict instead of transitional.

Now I know the layout isn't exactly original and is a little plain at the moment, but I would appreciate feedback on different resolutions and browsers to make sure it works in as many as possible...

URL: http://www.searchwebby.com/v2

Tested so far in IE, FF and Opera on XP Pro. If it looks odd, can you let me know the browser, OS and resolution please?

Many thanks...

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

The stylesheet and images aren't loading for me at all right now.

Nice to see you around, Phil Smiling

openmind's picture

He has: 945 posts

Joined: Aug 2001

Sorry I hadn't changed the base href from my local machine. Does make a difference apparently Laughing out loud

Yeh I'm still kicking around Megan, haven't visited as often as I'd like to simply as the business has gone proper nuts in the last year Wink

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Much better Smiling Looks good in Opera. But you know that already Wink

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Looks A OK in Firefox Here.. 1024x768

Busy's picture

He has: 6,151 posts

Joined: May 2001

Howdy
You need to set a background colour

In IE6 at 800x600 the left nav has a chunk missing just before the long black image (which I guess will be an ad). If I jump up and down the page using the mouse wheel the gap will colour blue but there is still left with a big hole - about 2 inchs where as opera 8.51 and ff 1.5 are both good.
The font is also smaller in IE with a very small horziontal scroll bar at 800x600 (other browsers dont have it).

In IE the related links are clickable on the whole length but the section link is only clickable on the text, ff and opera is full length.
The global links (across top) and footer links look like they need to be centered.

nice clean layout

openmind's picture

He has: 945 posts

Joined: Aug 2001

Quote: You need to set a background colour

I assume you mean for the body? If so, done...

Quote: In IE6 at 800x600 the left nav has a chunk missing just before the long black image (which I guess will be an ad). If I jump up and down the page using the mouse wheel the gap will colour blue but there is still left with a big hole - about 2 inchs where as opera 8.51 and ff 1.5 are both good.
The font is also smaller in IE with a very small horziontal scroll bar at 800x600 (other browsers dont have it).

Bugger. That gap wasn't there before, where's that come from??

Quote: In IE the related links are clickable on the whole length but the section link is only clickable on the text, ff and opera is full length

Yep I noticed that as well and pout it down to how the browsers interpret links. I suppose I could get round it by applying the link to the

  • instead but not a show stopper...
  • I've added the resources directory front end now as well, still ok?

    02bunced's picture

    He has: 412 posts

    Joined: May 2005

    I can do Knoqueror on Linux tomorrow if you want.

    openmind's picture

    He has: 945 posts

    Joined: Aug 2001

    Please. May as well go for the abstract as well as mainstream Wink

    02bunced's picture

    He has: 412 posts

    Joined: May 2005

    If you want that abstract, I could always find a copy of Links Wink

    He has: 8 posts

    Joined: Jan 2006

    Hi openmind,

    I had a look at your site on my Mac (OS X 10.4.4) on a 1024x768 display in the latest versions of Opera, Safari and Firefox, the site seemed to work fine, could see nothing that looked broken or in the wrong place.

    Hope this is helpful.

    02bunced's picture

    He has: 412 posts

    Joined: May 2005

    Works fine in Konqueror 1280x1024 linux.

    David

    Busy's picture

    He has: 6,151 posts

    Joined: May 2001

    Slight problem in Opera now, ok maybe not, in opera and ff the tall black banner ad is hard on the right border (side blue one) but IE it is in the middle, everything else ok.

    In IE however, the main content is now over lapping the side navigation. Using the title bar (top blue one in browser) as reference, the side navigation ends about under 'c' of resources (ff is under 'o') but the main content is ending under 'o' ('e' in ff).
    and the gap still there.

    Add this to your file (not your css file)

    #sectionLinks a {
    height: 1em;
    float: left;
    clear: both;
    width: 100%;
    }

    #sectionLinks a {height: 1em;}

    that will allow the whole div to be clickable in IE.
    Not sure on the gap (hate fault finding in CSS), try take out the font size or end teh relatedLinks links div before starting the advert one

    openmind's picture

    He has: 945 posts

    Joined: Aug 2001

    Cheers Busy. I'll have a look at those today...

    Thanks also David and Paul, good to know Laughing out loud

    openmind's picture

    He has: 945 posts

    Joined: Aug 2001

    OK I think I've fixed the gap and overlap issue by fixing the width of the left nav and setting a margin-left on the main content.

    Looking better now Busy?

    Busy's picture

    He has: 6,151 posts

    Joined: May 2001

    Is good in IE now, good job

    openmind's picture

    He has: 945 posts

    Joined: Aug 2001

    Woot! It's gets the Busy seal of approval Laughing out loud

    For any new members, that means quite a bit by the way Wink

    Cheers Busy...

    demonhale's picture

    He has: 3,278 posts

    Joined: May 2005

    thats what modrater do LOL!!!

    A ok in Opera, FF and IE here... (800x600) and (1024x768)

    openmind's picture

    He has: 945 posts

    Joined: Aug 2001

    No what I meant is that I've "known" Busy for the last 4 1/2 years through TWF and he can be a tough man to please simply though his attention to the smallest, but still important, things...

    demonhale's picture

    He has: 3,278 posts

    Joined: May 2005

    ah ok... Laughing out loud

    Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.