ie 6 splaying layout

[two7s_clash]

Trying to figure out why this isn't displaying correctly in ie 6...
I'm on a MAc so I can't recheck much. I know I've got some funky em
numbers and questionable javascript calls, but things aren't even
bunched together remotely correctly in explorer...

http://www.f1shw1ck.com/townscapes

looks dandy in firefox and safari:

http://www.f1shw1ck.com/sandbox/firefox.jpg
http://www.f1shw1ck.com/sandbox/safari.jpg

what's tripping up where? and is there a definitive png solution at
this point?

I'm learning slowly...

[Beauregard T. Shagnasty]

two7s_clash wrote:

Trying to figure out why this isn't displaying correctly in ie 6...
I'm on a MAc so I can't recheck much. I know I've got some funky em
numbers and questionable javascript calls, but things aren't even
bunched together remotely correctly in explorer...

http://www.f1shw1ck.com/townscapes

looks dandy in firefox and safari:

Not in my version of Firefox 1.5.0.8. The text beginning with "We pride
ourselves on our attention ..." extends completely outside its box and
down into the grass. Same with Opera 9. (Win2K)

what's tripping up where? and is there a definitive png solution at
this point?

Without JavaScript, it falls apart much worse. What will you do for
those who have JavaScript disabled or unavailable, or have it stripped
by a corporate firewall?

--
-bts
-Motorcycles defy gravity; cars just suck

[Dag Sunde]

two7s_clash wrote:

Trying to figure out why this isn't displaying correctly in ie 6...
I'm on a MAc so I can't recheck much. I know I've got some funky em
numbers and questionable javascript calls, but things aren't even
bunched together remotely correctly in explorer...

http://www.f1shw1ck.com/townscapes

looks dandy in firefox and safari:

http://www.f1shw1ck.com/sandbox/firefox.jpg
http://www.f1shw1ck.com/sandbox/safari.jpg

what's tripping up where? and is there a definitive png solution at
this point?

FF's Error console shows 27 warnings. Most of them relates to your
CSS. Fix those first.

W3C validator shows errors:
http://validator.w3.org/check?uri=ht...doctype=Inline

Fix those first!

W3C CSS Validator shows errors:
http://jigsaw.w3.org/css-validator/v...usermedium=all

Fix those also...

When done, your page is probably OK, but if not, come back here and
ask again.

:-)

--
Dag.

[two7s_clash]

OK... made the fixes. Still looks funny!

This Page Is Valid XHTML 1.0 Transitional!. Only CSS validation error
is the PNG fix I tried to put in place...

* Line: 37 Context : #topright img

attempt to find a semi-colon before the property name. add it
* Line: 37 Context : #topright img

Property progid doesn't exist : DXImageTransform
* Line: 37 Context : #topright img

Parse Error -
DXImageTransform.Microsoft.AlphaImageLoader(enable d=true,src='/images/logo.png',
sizingMethod='scale');
* Line: 38 Context : #topright img

Parse error - Unrecognized : }

Is there a better solution here? And for non-javascript browsers?

-J

Dag Sunde wrote:

two7s_clash wrote:

Trying to figure out why this isn't displaying correctly in ie 6...
I'm on a MAc so I can't recheck much. I know I've got some funky em
numbers and questionable javascript calls, but things aren't even
bunched together remotely correctly in explorer...

http://www.f1shw1ck.com/townscapes

looks dandy in firefox and safari:

http://www.f1shw1ck.com/sandbox/firefox.jpg
http://www.f1shw1ck.com/sandbox/safari.jpg

what's tripping up where? and is there a definitive png solution at
this point?

FF's Error console shows 27 warnings. Most of them relates to your
CSS. Fix those first.

W3C validator shows errors:
http://validator.w3.org/check?uri=ht...doctype=Inline

Fix those first!

W3C CSS Validator shows errors:
http://jigsaw.w3.org/css-validator/v...usermedium=all

Fix those also...

When done, your page is probably OK, but if not, come back here and
ask again.

:-)

--
Dag.