/ a question for any web designers (I need help)
The page is www.myturkishadventure.com/test2.html
In IE8, one image is moving to the top left corner.
If it cannot be changed, is it possible (and easy) to detect if the browser is IE8 so it can redirect to a different front page?
have you tried it in ie9? it gets even better. All the images are huge
I use ietester as a quick way to just test against different browser versions.
As for the floating issue. Its tricky to get everything looking correct in ever browser and dont even get me started on mobile devices.
As a start, i would probably put the divs for the 4 images in a container div. Make sure thats positioned correctly, then you can relative position the divs inside.
Yes, it is possible. However it's not super easy. I'd say that 50% of your users are going to be using Chrome and Firefox. 30% are going to be using IE. So there won't be many on IE8. So as long as it's not awful, might not be worth fixing.
"Designed and created by Steve Dockrell using Serif WebPlus x5."
You have got to be kidding...
stick a container div around the 4 and it will sort you out.
Only 15% of people in the UK using IE8 (Less in the states) dropping. Don't hack your site for IE8.
There are plenty of free code editors out there if you want to learn to code and do the thing properly. ;)
> Only 15% of people in the UK using IE8 (Less in the states) dropping. Don't hack your site for IE8.
15% average means nothing. If the site gets 4 visitors a month, then that's only a handful of people a year that can't view it properly. If however the site gets 50k views a months, that's 2250 people every month that can't view it as intended. That's too many people to ignore. That's before you even take into account that browser usages fluctuate massively depending on the individual site and what kind of content it has.
On my personal site, I ignore IE8 and below because I get 2-3% of my traffic from it. 2-3% of 200-500 views a month isn't worth my time fixing it, plus it's just a blog so people aren't relying on it.
works ok in the i.e.8 I'm using at work but I have compatibility mode switched on for this very reason. - IE8 is out of date, and many websites now display a banner saying they have withdrawn or are about to withdraw support for IE8
Whilst the code isnt technically wrong (as in its valid) you (or the software your using) isn't really using the HTML elements (mainly the div's, ul) in the correct way and is trying to compensate by using css and absolute positioning to make it appear where you expect. Because all browsers render css different this is why you are getting your issue on IE8.
As mentioned by the other posters, IE8 is being used by less and less people, however you'd need to use something like google analytics to decide how many of your viewers its affecting.
Regardless i would change the layout of your page significantly. I dont mind helping you, but can you show what me what your expecting to see (have you sketched it anywhere, or have a mock up).
Passing it through the W3C validator - http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.myturkishadventure.com%2Ftest2.html gives 6 errors. Actually it looks like failure to close a div is likely to be the main cause.
I've had a look at the markup - errmm :-)
At line 102 there's a closing </div> that shouldn't be there.
Each of the links at lines 136, 146, 156 & 166 need closing.
In both Firefox and Chrome on Mac the page looks just weird.
Elsewhere on the site
Climbing as a discipline offers plentiful metaphors for tackling life's obstacles - bravery, courage, climbing to... Read more
More than 20 years after first setting eyes on the peak and noting it as a potential objective, Mick Fowler, with Paul Ramsden,... Read more
The B.D.V. — short for Black Diamond Vertical — jacket and pants are Black Diamond’s most versatile climbing... Read more
This streamlined, midweight thermal layer has an incredibly speedy moisture wicking ability and dries ultra fast if it gets... Read more
October 21, 2014 – Textile Exchange, a global nonprofit dedicated to sustainability in the apparel and textile industry,... Read more