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..
Hi stunews,in Safri:
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
|Picture 1.pdf||433.96 KB|
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..
jo do you know why it's
jo do you know why it's doing that in safari? I haven't got a clue..
Hi, I have had a quick look
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.
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..
Ok, hope it works ok, post
Ok, hope it works ok, post back when u have the results,
no, no joy, dunno why this is monkeying around in safari.. need to get my hands on a mac really..
ok, it's the inline-block
ok, it's the inline-block declaration, i need another way to thwart the haslayout bug..
Hia, I dont really know
I dont really know much about the haslayout bug, but wondering if you have checked the quirksmode page on it here:
Is it just a bug that appears in IE7, or IE 6 aswell.
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...
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.
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.