IE6 trouble, but otherwise ok?

[rsaund]

Hi,

Disclaimer: I am a self-taught, non-professional doing free websites for clubs and friends, so please be kind re: my skillset:)

I bought a template and modified using a plain text editor. It's very CSS-intensive, and I'm not THAT good at CSS, but managed to hack it to look good in my browser (IE7), Netscape, and on iPhone. However, just discovered that it's got a bad anomaly on the homepage in IE6, where the layout is screwed up (resulting in a somewhat amusing decapitation of one of the horse riders!)

I searched the web and found some good advice on IE6 issues, but the trouble is that I'm not "good" enough to make use of it. Would appreciate someone with extra time (if there is anyone around meeting that criteria!) taking a peek and giving me some direction.

The site is http://www.underhillfarm.com

There are two CSS pages:
http://www.underhillfarm.com/layout.css
http://www.underhillfarm.com/style.css

Feel free to email me directly at <REMOVED EMAIL ADDRESS>, if it's not helpful to the rest of you. Thanks!!!

Robin

[David Laakso]

Back-up your current style sheet in case you need to go back to it.
Change the following selectors to read only:

.content .column .indent{margin-top: 70px;}
.content .column_1 .indent{margin-right: -196px;}
.content .indent{...} <---------------- :: comment out or delete
.content .column_1 .title{...} <----- :: comment out or delete
.content .column_2 .indent{...} <-- :: comment out or delete
.content .column_2 .title{...} <----- :: comment out or delete
 

Quick checked local system only in XP IE/6.0 and IE/7.0; and in Mac OS X 10.4.11 compliant browsers.

The template you bought is font-size dependent for survival-- user discretion to scale fonts will separate the riders head from her body (in any os/browser)

Ignore-- for my reference only: dl.home (horse).

[rsaund]

Thanks much!

The font size thing is a nightmare! Thanks for pointing that out. When I tried your fix, it did indeed levitate her head in my IE7 browser. I must have my fonts set differently (is is a screen resolution issue?)

Is there any way I can work with this template to solve this problem (without a total rewrite?) Or did I just buy a bad template and I'm screwed? Any suggestions? (I'm not skilled enough to start over at this point:(

Thanks again!

Robin

[eWish]

rsaund,

I have removed your email address from your first post. It is against our site policy to include your email address in posts here at Bytes.com for security reasons. Please review our Posting Guidelines "Things that are generally unacceptable"

Thank You,

Kevin
Moderator

[rsaund]

Got it, sorry about that

RSR

[David Laakso]

The font size thing is a nightmare! (is is a screen resolution issue?)
Is there any way I can work with this template to solve this problem (without a total rewrite?)

The index works now, as long as users do not scale the fonts-- this will happen in any browser, regardless of the users screen resolution. While it is possible to correct your layout, the time entailed to do so is hardly worth the effort. A clean sheet, a clear head, and a firm grasp of (x)html/css could get you a lot further a lot faster.

Best let it go at that, in my opinion, and simply accept this as part of a learning experience for your next site.

Good luck and best wishes for success.

[rsaund]

Thanks, one more quick question: Where is it that users scale the fonts (i.e., please walk me thru the steps), and approx what % of users do you think would scale the fonts? Thanks much,

Robin

[David Laakso]

Where is it that users scale the fonts (i.e., please walk me thru the steps)

IE/7.0
page>text-size>medium is default
FWIW, in IE/7 "zoom" is a page zoom rather than a font-scaling mechanism.
Some users run in "accessibility" mode all the time:
tools>internet options>accessibility>ignore font-sizes specified>page>text-size>medium is default

IE/6.0
view>text-size>medium is default
Some users run in "accessibility" mode all the time:
tools>internet options>accessibility>ignore font-sizes specified>view>text-size>medium is default

Compliant browsers Firefox, Safari, WebKit, Seamonkey, and Camino:
from keyboard
ctrl>++
ctrl>--
or (depening on the browser)
view>zoom-in>zoom-out
Opera
lower right corner of window>100% is default

Some compliant browser users raise the minimum font-size (found in the browser preferences, the location of which varies from browser to browser) to whatever level they prefer all fonts on the page to render.

and approx what % of users do you think would scale the fonts?

I do not know.