[css-d] Site check esp. IE5/Mac & Safari please.

[Mark Batty (Gmail)]

Hi all

I've made a few changes and I think this all works on XP with IE6, IE55, 
FF 1.5 and Opera 9 (with some minor issues if zoom is not 100%, very 
strange?).  If anyone has the time (or inclination) could you confirm 
this and/or check on W2K in case I've missed something.

I'm especially interested in seeing if it now works in Safari and IE5 
Mac as I'm unable to test these.

I've set the main text to green in the IE5/Mac stylesheet to check if 
the hack filter works, could someone confirm this please?

I've tried IE7 and found an issue with the equal heights method in the 
sidebar, any suggestions are welcome.

Any other platform and browser checks would be appreciated but are not 
essential (as would any suggestions for fixes).  I would like it to work 
in Mozilla and Netscape but it dosen't and I don't know why, although 
these browsers are not required yet.

The portfolio page in the main navigation should work to show the 'you 
are here' effect, all other pages don't exist yet.

Here's all the files:









Thanks.

Mark.
__
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] Page check please.

[Mark Batty (Gmail)]

Hi all

I've made some changes since my last post, I think it now works in the 
following:

FF1.5, IE6, IE5.5, Opera 9 (XP)

I believe there are issues in Netscape, Mozilla, Safari and IE5 Mac, 
would anyone be able to check these and any other platforms/browsers for 
me please.

I think ideally I would like it stable in IE6/5.5, IE5 Mac, FF, Safari. 
  Opera would be nice (I think it works in 9) as would Mozilla (which I 
think has a similar bug to Netscape).

If anyone finds any problems I would appreciate any pointers or advice 
as I am now at the end of my CSS knowledge :(

I've used some hack management now as I was getting confused and can 
hopefully drop them one by one in the future.  The main files are below 
and the ie5mac.css just sets the main content text to green to check if 
the filter is working, could someone confirm please.  The portfolio link 
works to test 'you are here' in the main navigation.







Thanks.

Mark.

__
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] site check

[Mark Batty (Gmail)]

> On a Mac it renders ok in Firefox 1.5.0.4. But in Safari 1.3.2 all 
> content below the header and navigation appears in one continuous left 
> column, roughly 200px wide. In IE5, the latest news etc column to the 
> left, a long way below the main body text, and the lorem logo is 
> sticking outside its container.
> William
Ingo Chao also found issues in Safari, not sure how to deal with it yet, 
especially as I can't test it myself.  As for IE5 I was hoping to avoid 
it altogether! I suppose most or all of the IE5 issues would be solved 
with box model hacks :(

Thanks for the feedback William.

Mark.

__
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] Site check please, esp. Mac & UNIX.

[Mark Batty (Gmail)]

> This is due to the overflow:hidden; I am not sure if this is a bug. I 
> think Safari needs a width in #cwrap. A problem, regarding your 
> em-padding on these elements. A better understanding of the bug would 
> give us a better solution.
Do you think that setting #col1 to 99.9% or hiding the overflow: hidden
from Safari would help or is it a more fundamental problem? 
Unfortunately I can't test this :(

Thanks.

Mark.


__
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] Site check please, esp. Mac & UNIX.

[Mark Batty (Gmail)]

Hi all, would you be able to check the following for me please, 
especially on Mac and UNIX.

The portfolio link (main nav at the top) has a page to check the 'you 
are here' effect, all other pages don't exist yet.





Although much of the design is controlled by the client, I would also 
appreciate any good or bad feedback on the design, i.e. style, colours, 
etc.; but please reply off-list to this design feedback request.

Thanks.

Mark
__
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] Need help from you - with peekaboo? and arrows too :)

[Mark Batty (Gmail)]

Hi all

I think I've got a peekaboo bug I can't fix, everything seems OK in FF 
and Opera but not IE.

After loading the homepage below, go to portfolio in the main nav at the 
top the scroll down so you can see the footer, then roll over the useful 
links at the bottom of the sidebar.  The space below below the links 
changes which makes the bottom of the page shrink and grow.

I think the solution is to add position: relative to the div that 
contains it, I tried this with several divs and some other elements but 
can't get rid of it.

Also possibly related are the little arrows following 'Read more' in the 
  main body on the home page and the sidebar.  When you roll over in IE 
the dotted border is removed but the arrow jumps up.

Here are the main files:





Thanks.

Mark.
__
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] FF/Safari absolute footer

[Mark Batty (Gmail)]

> Can someone with safari & FF please confirm?
> 
The green bar stays on the bottom in FF 1.5.0.4 XP SP2, can't check Safari.

Mark.

__
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] IE shifting problems

[Mark Batty (Gmail)]

Hi all

I have the following page that works OK in FF, I've made a start with an 
IE version of the CSS but I've got myself confused with all the hacks 
that may be possible.  The two main problems at the moment are the #hnav 
top navigation shifting and loosing text colour and the #fwrap footer 
behaving strangely.





Can anyone tell me what is going wrong please.

Thanks.

Mark

__
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] Liquid equal height columns

[Mark Batty (Gmail)]

Hi all, I got an error from my mailer so I am re-sending this post, hope 
its OK ...

So far I've been using the one true layout technique for equal height 
columns using the extra large negative margin [1], however the advice 
has been updated to say it can be dangerous [2].

I've also seen an article by Zoe to modify faux columns for liquid 
layouts [3] as well as other advice on the wiki [4].

I'm interested in liquid equal height columns and I've been using a 
modified version of the one true layout for 2 and 3 column designs [5], 
I've adapted this technique for ems which I prefer for accessibility.  I 
like to use left and/or right columns for navigation links only, I may 
use named anchors in the main content column for 'back to top' links 
which I believe (maybe incorrectly) will not be affected by the large 
negative margin technique.

The point is I'm a little confused about the best way (currently) to 
attack liquid equal height (em based) columns.  All of the references 
I've given are very good but some of these and similar articles are 
quite old and I'm not sure if anyone has updated advice that has not 
been published or that I've missed.

I believe the best advice (for liquid em-based equal height columns) is 
to use the extra large negative margin technique [1] if you have NO 
named anchors as targets in the columns (I'm assuming the middle column 
is OK?, or to use liquid faux columns [4] if you do.

Would anyone be able to conform or correct this for me please?

Thanks.

Mark.


[1] 
[2] 

[3] 
[4] 
[4] 

__
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] Liquid equal height columns

[Mark Batty (Gmail)]

Hi all

So far I've been using the one true layout technique for equal height 
columns using the extra large negative margin [1], however the advice 
has been updated to say it can be dangerous [2].

I've also seen an article by Zoe to modify faux columns for liquid 
layouts [3] as well as other advice on the wiki [4].

I'm interested in liquid equal height columns and I've been using a 
modified version of the one true layout for 2 and 3 column designs [5], 
I've adapted this technique for ems which I prefer for accessibility.  I 
like to use left and/or right columns for navigation links only, I may 
use named anchors in the main content column for 'back to top' links 
which I believe (maybe incorrectly) will not be affected by the large 
negative margin technique.

The point is I'm a little confused about the best way (currently) to 
attack liquid equal height (em based) columns.  All of the references 
I've given are very good but some of these and similar articles are 
quite old and I'm not sure if anyone has updated advice that has not 
been published or that I've missed.

I believe the best advice (for liquid em-based equal height columns) is 
to use the extra large negative margin technique [1] if you have NO 
named anchors as targets in the columns (I'm assuming the middle column 
is OK?, or to use liquid faux columns [4] if you do.

Would anyone be able to conform or correct this for me please?

Thanks.

Mark.


[1] 
[2] 

[3] 
[4] 
[4] 

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