4 replies [Last post]
testguy
Offline
newbie
Last seen: 17 years 10 weeks ago
Joined: 2005-09-29
Posts: 2
Points: 0

Hi there,

This is a simple css layout with 2 columns. To align the two columns at bottom, I have used a css hack that gives a min height to each column.

But I noticed that if we use anchor tags, the page wipesout as it jumps down to the tag. Only in IE.

Please check here - http://66.163.29.72/~harsh/css_problem.html
and suggest if there is a work around. I probably can not change a lot in structure of the page, so a css file hack is the best way...

So all you CSS pundits out there... Any ideas..?

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

CSS wipeout with anchor tags/minheight hack

You really should firstly validate your page and clean up whatever little errors are reported.

In IE after reluctantly allowing ActiveX control to run I am greeted with a dead page while that damned flash player update goes through it boring routine, without any indication to the user that anything is actually happening, eventually that dam dialog box pops up asking whether I would like to download the newest latest coolest version of the flashy thing, naturally I say "not on your life" and am left without any page navigation, this is not a great idea!, also the page does not seem to want to finish rendering either, forcing me to give up on it completely.

I would re-think the wisdom of primary navigation that relies on a proprietary control, it could certainly put people off visiting the site altogether .

Hugo.

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

testguy
Offline
newbie
Last seen: 17 years 10 weeks ago
Joined: 2005-09-29
Posts: 2
Points: 0

Thanks for your comments hugo

I totally appreciate your comments Hugo. We are in the process of taking this site through strict accessibility routines with flash detecting codes as recommended by macromedia/ala etc..

Meanwhile I was working around the css wipeout issue... and cant seem to find what's causing the bug.

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 10 years 11 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

CSS wipeout with anchor tags/minheight hack

Strange term - CSS wipeout, IE's not rendering properly. The text is still there try highlighting it.

A lot of IE problems end out to be due to hasLayout, or rather the lack of it. Google about for all the gory details. Quick test is to apply {zoom:1;} to the problem elements and see if it goes away. If it does, read those google links (or search this forum) for solutions that validate.

briski
briski's picture
Offline
Elder
London
Last seen: 10 years 25 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

CSS wipeout with anchor tags/minheight hack

If it is this bug I find "position: relative" can often be used to fix it without breaking anything else.