Re: [css-d] IE6 positioning question
Gunlaug Sørtun wrote:
> Josh Rehman wrote:
>> http://www.javajosh.com-a.googlepages.com/pymk.html
>>
>> The key thing that troubled me with this layout was that I couldn't
>> just "float:right" the pymk-x elt. As a workaround I used
>> position:absolute; top:5px; right:0px;" I still don't know why that
>> doesn't work in IE6.
>
> The old bug. IE6 needs for an element to have "layout"[1] if/when it is
> to act as base for absolute positioning.
>
> Add...
>
> #pymk .pymk-person {height: 1%;}
>
> ...and IE6 will behave itself.
>
> regards
> Georg
>
> [1]http://www.satzansatz.de/cssd/onhavinglayout.html
Thank you. I'd heard of the famous "Holly Hack" but I guess I've never
needed to use it until now.
I will use that solution, but in the meantime I've coded up a more table
based version of the layout here:
http://www.javajosh.com-a.googlepages.com/pymk2.html
In some respects I like this layout better, especially with really long
names. The HTML is rather ugly, though.
Thanks again,
- Josh
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 positioning question
Josh Rehman wrote:
> http://www.javajosh.com-a.googlepages.com/pymk.html
>
> The key thing that troubled me with this layout was that I couldn't
> just "float:right" the pymk-x elt. As a workaround I used
> position:absolute; top:5px; right:0px;" I still don't know why that
> doesn't work in IE6.
The old bug. IE6 needs for an element to have "layout"[1] if/when it is
to act as base for absolute positioning.
Add...
#pymk .pymk-person {height: 1%;}
...and IE6 will behave itself.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 positioning question
What's also puzzling is that the last div always lays out differently than the rest. I'm sure that's a big clue but I'm not sure what it means. (back to reading quirksmode.org:) Josh Rehman wrote: > Hi there, > > I've been lurking on this list for a while, and have found the > discussion to be very interesting and useful. Thank you. > > Now I have a question of my own. It seems that IE6 does not like my CSS > (IE7, FF2, FF3, Safari, and Opera all seem to like it). I've taken care > to isolate the problem. Here is the screenshot of the problem: > > http://www.javajosh.com-a.googlepages.com/bad-screenshot.gif > > Here is the HTML and CSS: > > http://www.javajosh.com-a.googlepages.com/pymk.html > > The key thing that troubled me with this layout was that I couldn't just > "float:right" the pymk-x elt. As a workaround I used position:absolute; > top:5px; right:0px;" I still don't know why that doesn't work in IE6. > > Your comments and suggestions appreciated. > > - Josh __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 positioning question
Hi there, I've been lurking on this list for a while, and have found the discussion to be very interesting and useful. Thank you. Now I have a question of my own. It seems that IE6 does not like my CSS (IE7, FF2, FF3, Safari, and Opera all seem to like it). I've taken care to isolate the problem. Here is the screenshot of the problem: http://www.javajosh.com-a.googlepages.com/bad-screenshot.gif Here is the HTML and CSS: http://www.javajosh.com-a.googlepages.com/pymk.html The key thing that troubled me with this layout was that I couldn't just "float:right" the pymk-x elt. As a workaround I used position:absolute; top:5px; right:0px;" I still don't know why that doesn't work in IE6. Your comments and suggestions appreciated. - Josh __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
