Hi all,
I have used the technique from
http://positioniseverything.net/articles/onetruelayout/equalheight to make mu
columns equal in height.
Everything works great unless i try to reffer the users to a specific part of
the document using http://example.com/page.html#specific-part address which in
normal circumstances would first load page.html and then automatically scroll
to that part of the markup which has and ID="specific-part".
Here is an example of the problem:
http://www.topsport.bg/news/id_1200860284
http://www.topsport.bg/news/id_1200860284/#divtl1
My English is not very good so I wont'try to explain what happen on the
screen, but I think it's pretty obvious.
The source of the problem is this rule in my frame.css:
.ts-local-navigation,
.ts-main-content-column,
.ts-commercial-column {
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
}
When I remove it from the CSS everythink works ok exept that the columns are
not equal in height.
I can't think of any way to fix this wrong behaviour. The problem occurs in
both IE6 and Firefox1.5 on Windows, and it doesn't affect Opera 8.54 on Windows.
Please CSS gods, help me.
---------------------------------
Talk is cheap. Use Yahoo! Messenger to make PC-to-Phone calls. Great rates
starting at 1¢/min.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/