8 replies [Last post]
TheWebGuy
Offline
newbie
Arizona
Last seen: 13 years 13 weeks ago
Arizona
Timezone: GMT-7
Joined: 2007-10-28
Posts: 4
Points: 0

Edit by Triumph - Try to post in the correct section. Site Checks is for completed sites. Moving to Beginner CSS Questions

Ok this is definitely the wierdest thing I've seen from IE ever.

This is a simple 2 column site with header/footer.
Here is the site: www.roaddogproductions.com

Everything is fine in FF and IE7...however in IE6 the content text starts to angle off to the left? Running outside the h3 and p element tags...IT IS JUST PLAIN STRANGE. :shrug:

I've never seen anything like it and I've tried just about everything I know and after about 4 hours of trying to fix this I need someone more knowledgeable then me to take a look and maybe provide some kind of solution.

Anyone up to the challenge?

TIA,
TheWebGuy

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 44 weeks 4 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

First things first, lets fix

First things first, lets fix up those teensy validation errors:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.roaddogproductions.com%2F

and see if it fixes it in IE.

Verschwindende wrote:
  • CSS doesn't make pies

TheWebGuy
Offline
newbie
Arizona
Last seen: 13 years 13 weeks ago
Arizona
Timezone: GMT-7
Joined: 2007-10-28
Posts: 4
Points: 0

Thanks for the response and

Thanks for the response and help...
Yeah they were kind of "teensy" Smile
Everything validates...and still IE6 looks the same...

You ever see anything like this?
What would you suggest next?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It's a hasLayout

It's a hasLayout issue:

div.credits p {zoom:1;}

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

TheWebGuy
Offline
newbie
Arizona
Last seen: 13 years 13 weeks ago
Arizona
Timezone: GMT-7
Joined: 2007-10-28
Posts: 4
Points: 0

Hey Hugo...yep that's

Hey Hugo...yep that's exactly what it was..
Used your css and that fixed it.

Any recommended articles on this hasLayout?
I know I could google it (don't like to sift)...but if you know it and can recommend a write up on it I'd appreciate it.

Thanks! :thumbsup:

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

There is a recentish

There is a recentish authoritative study on the subject:

http://www.satzansatz.de/cssd/onhavinglayout.html

It explains the nightmare in detail, thankfully the fixes have always been fairly straightforward.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

TheWebGuy
Offline
newbie
Arizona
Last seen: 13 years 13 weeks ago
Arizona
Timezone: GMT-7
Joined: 2007-10-28
Posts: 4
Points: 0

Thanks again... On to the

Thanks again...

On to the read...it always seems that there is something amiss with all this CSS design/layout stuff. All the "hacks" and workarounds are quite annoying sometimes.

Almost causes me to want to go back to tables...although it's been quite a long time...but I don't remember having this much markup and code to do the simple things that tables provided.

Oh well...keep up with the standards (whatever they are :shrug: )

Have a great day.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 3 weeks 3 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

See Magik Creeping Text for

See Magik Creeping Text for the seminal description of the bug.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

There are problems that is

There are problems that is true but in reality they are on a par with any language that you care to examine.

As for the table debate that's not a discussion I care to participate in any longer, suffice to say that css-p and correct semantic markup allows for a degree of visual presentation that is so much more sophisticated than the constraints of a table used to layout content that there simply isn't any debate to be had.

Most of the problems to which you refer are likely a result of one single browser, a browser that has caused immeasurable harm to the reputation of CSS and that continues to hold us back from using the current level of CSS that is available and that actually - if we were able to use the properties - makes CSS simply a joy to use.

May that so**ing browser rot in hell!

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me