Re: [css-d] Equal Height Columns / One true layout and # top headaches

2006-04-20 Thread Alex Robinson 
>I'd appreciate it if you didn't pass that url on to anyone since
>that's the correct permanent url.

Or rather, not the correct permanent url.

Which will be

 
http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems

NB. it doesn't exist there. Yet.



As to Georgi's predicament, I'll repeat part of what I said to him offlist.



If you don't need the vertical alignment of elements within the 
columns, you could style up the divs using display:table for the 
browsers that understand it and use the kludge I suggested for IE.

Of course, that still leaves the content in the same order as with a 
table-based layout, raising the question of whether that makes it a 
worthwhile exercise...



Something like this:

   http://www.fu2k.org/alex/css/cssjunk/moreequalblah


Last thing. If someone sends you a message offlist, please don't 
respond to the list
__
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/

Re: [css-d] Equal Height Columns / One true layout and # top headaches

2006-04-20 Thread Ingo Chao 
Alex Robinson wrote:

> There is indeed a problem with "equal height columns" and anchors in 
> Mozilla and IE.

Alex, I hope the problem can be addressed with

/* Hide these from IE6+7 via appropriate CC hacking */

#targetcage {
/* just a block placeholder for the a.p. anchor */
/* do not position:relative me */
}
#target {
position: absolute;
/* do not offset me, use the static position instead */
}

#target - Return to 
top


Works for me here with
- Fx 1.5.0.2 /Mac/PC
- Opera9RCbeta(3345)/Mac

Doesn't hurt:
- Safari 2.0.3
- Opera8.51/Mac/PC

Didn't test it extensively, though.

Ingo

-- 
http://www.satzansatz.de/css.html
__
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/

Re: [css-d] Equal Height Columns / One true layout and # top headaches

2006-04-20 Thread Georgi Varzonovtsev 
Thank you Alex!
   
  But unfortunatelly what you say is that there is no fix for the problem.
   
  The case we've been having is even more complicated because we used 
_javascript to make columns equal and the _javascript makes them equal but only 
once - when the page is loaded. On some of the pages we have divs that are 
initally (when the page is loaded) hidden and only after the user interacts 
with the site interface they show. And then the columns are not equal because 
the one in which the hidden div was is now higher with the height of that 
hidden element. And in _javascript one cannot listen for an event like 
elementResize, because everything we got is resize which works only for window 
resize.
   
  I think we are going to use tables for this particular design. Such a petty.

Alex Robinson <[EMAIL PROTECTED]> wrote:
  Georgi

While the update is not published on the PIE server yet, you can see 
it on my machine

http://www.fu2k.org/alex/css/onetruelayout/appendix/equalheightproblems


I'd appreciate it if you didn't pass that url on to anyone since 
that's the correct permanent url.


Best wishes

Alex



-
New Yahoo! Messenger with Voice. Call regular phones from your PC and save big.
__
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/

Re: [css-d] Equal Height Columns / One true layout and # top headaches

2006-04-20 Thread Alex Robinson 
Georgi

There is indeed a problem with "equal height columns" and anchors in 
Mozilla and IE.

There'll be an update to the article addressing this - hopefully by 
the end of today.


Alex
__
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/

[css-d] Equal Height Columns / One true layout and # top headaches

2006-04-20 Thread Georgi Varzonovtsev 
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/