12 replies [Last post]
stunews
Offline
Regular
london
Last seen: 10 years 40 weeks ago
london
Joined: 2005-07-12
Posts: 45
Points: 0

Hi, if you guys can check out http://www.focusfitness.co.uk for me I would appreciate it.
I've checked in win/firefox win/ie6..
In case you wonder about my techniques, I try to avoid hacks for the purposes of forwards compatibility so some extra markup may appear to be unnecessary but I use it for layout of imagery..
cheers..

jo_ho
Offline
Enthusiast
Last seen: 12 years 28 weeks ago
Joined: 2005-01-17
Posts: 67
Points: 0

Hi stunews,in Safri:

Hi stunews,

in Safari: Unless intentional the middel section with the content does it inbetween the right and left column so jumps to the bottom of the page, i have attached a screen shot to show this. To check it out for yourself if u visit browsershots.org and check in safari 2.01

Cheers

AttachmentSize
Picture 1.pdf 433.96 KB
stunews
Offline
Regular
london
Last seen: 10 years 40 weeks ago
london
Joined: 2005-07-12
Posts: 45
Points: 0

cool, I haven't come across

cool, I haven't come across this site before, useful stuff, but you've got to wait 30 mins between applying and testing fixes..

stunews
Offline
Regular
london
Last seen: 10 years 40 weeks ago
london
Joined: 2005-07-12
Posts: 45
Points: 0

jo do you know why it's

jo do you know why it's doing that in safari? I haven't got a clue..

jo_ho
Offline
Enthusiast
Last seen: 12 years 28 weeks ago
Joined: 2005-01-17
Posts: 67
Points: 0

Hi, I have had a quick look

Hi,

I have had a quick look at your site and the css, one thing i did notice is that the #featmenu has a width of 260px, and a 2px border, but the #pagebody only has a 250px margin-left. In firefox the #pagebody overlaps the #featmenu by 10px, maybe in safari it is not doin this, therefore shifting the #pagebody 10px to the right. However I wouldnt have thought it would matter as your #pagebody does not have a specific width anyway.

My only other suggestion is that the 250px margin-right on the #pagebody makes the #right 250px away from the #pagebody, therefore breaking to underneath the page.

Generaly when I have a problem like this i just trial and error adjusting value to see what the problem is. At the moment I not have access to my Mac, but will be happy to have a stab at it when i do.

Cheers

stunews
Offline
Regular
london
Last seen: 10 years 40 weeks ago
london
Joined: 2005-07-12
Posts: 45
Points: 0

thanks jo, i'm hoping it's

thanks jo, i'm hoping it's the first left margin thing, i've adjusted it and am going to try it on browsershots.. thanks for the suggestion..
Stu

jo_ho
Offline
Enthusiast
Last seen: 12 years 28 weeks ago
Joined: 2005-01-17
Posts: 67
Points: 0

Ok, hope it works ok, post

Ok, hope it works ok, post back when u have the results,

Cheers

stunews
Offline
Regular
london
Last seen: 10 years 40 weeks ago
london
Joined: 2005-07-12
Posts: 45
Points: 0

no

no, no joy, dunno why this is monkeying around in safari.. need to get my hands on a mac really..

stunews
Offline
Regular
london
Last seen: 10 years 40 weeks ago
london
Joined: 2005-07-12
Posts: 45
Points: 0

ok, it's the inline-block

ok, it's the inline-block declaration, i need another way to thwart the haslayout bug..

jo_ho
Offline
Enthusiast
Last seen: 12 years 28 weeks ago
Joined: 2005-01-17
Posts: 67
Points: 0

Hia, I dont really know

Hia,

I dont really know much about the haslayout bug, but wondering if you have checked the quirksmode page on it here:

http://www.quirksmode.org/bugreports/archives/2006/02/list_disappears_on_hover_of_anchor.html

Is it just a bug that appears in IE7, or IE 6 aswell.

Cheers

stunews
Offline
Regular
london
Last seen: 10 years 40 weeks ago
london
Joined: 2005-07-12
Posts: 45
Points: 0

it's cool, i think i've

it's cool, i think i've sorted it, where the middle column doesn't have 'layout' as far as IE is concerned I have to force it by declaring the inline-block display property. This inline-block gets treated very differently in safari. I can sort it out by declaring display:inline-block then by declaring display:block straight after it overrides it for safari..
Sweet, problem solved...
cheers jo

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 8 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

I think the colour contrast

I think the colour contrast could do with a bit of work particularly the links in the horizontal navbar and in the main content area.
For me to be able to read the text in your right column comfortably I have to resize the text and you soon notice the form input breaking out of its box.
And I realise it's probably because of the graphics in the left column, but when the window is resized down to 800 x 600 the left column occupies a disproporionately large part of the screen.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 year 16 weeks ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

IE6

In IE6, 1280x1024 resolution, at medium text size (the default) your footer appears wrong - the bottom left image is too far down, leaving a gap.

Verschwindende wrote:
  • CSS doesn't make pies