Luc wrote:

> [1] I'm using the faux column technique to achieve the following:
> 
> avoiding  that  on high res monitors the borders are stretched all
> the way  down  the viewport regardless the content. In other words,
> to avoid  e.g.  putting a bottom border on the wrapper so users know
> it's "the end". I'm assuming that this technique is the 'easiest' 
> x-browser.
> 
> Could somebody check for me if the borders stretch until the bottom 
> of the viewport on high res (above 1440 x 900) and that the footer 
> sticks to the bottom?

Border stretches down. Footer stays below content.

You can check this yourself by zooming down in Opera and/or Firefox.
Page-zoom: 20% in Opera should give you a clear picture.

> [2] Besides that i have a huge accessibility problem:
> 
> The page falls apart on:
> 
> Mozilla 1.7.13 : at 200%
> 
> IE6 and IE7 also
> 
> Opera is ok at + 300% and Firefox also with 8 times ctrl +

Page-zoom, yes. Font-resizing, no.

> How do i resolve that? Has this to do with the widths applied on the
> #contentleft and #contentright? Seems weird that 2 out of 6 get it
> right (but hey, what do i know?).

Page-zoom scales, font-resizing doesn't.

Better go back to using "all px" for dimensions, margins and paddings,
as mixing px and em as you do now rarely ever works well.

> [3] And  to  top  it  all off, after changing the width on those divs
> from pixels  to  ems,  the  left  and  right borders on the li items
> didn't stretch  anymore until the bottom-border. Adding the height:
> 1%; trick on  the  #navcontainer  li resolved that but as a result,
> the distance between the li are 2px wider in IE as opposed to Opera,
> Moz and FF. Do i have to feed IE 6 and IE 7 other paddings through a
> hack for this?

See above.

> http://www.dzinelabs.com/sandbox/MP/Pages/original.html

regards
        Georg
-- 
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/

Reply via email to