XHTML, CSS, AAABobby Web Accessibility Standards.

Hi all.

I have attended a few meetings in relation to web accessiblity. Apparently to meet all specifications, the use of XHTML, and CSS is the area to follow. Making web sites accessible I am finding quite a dramatic change. The development of page design using soley css instead of tables.

I have never been a fan of layers or divs, at first due to there issues with older browser types, but I have to follow this route if I wish to conform with web accessiblity, or at least I think.

I have tried to develop a page in complete css instead of tables and found it appears to be ok until I reduce the browser window, this is where my div tags begin to collapse if I reduce beyond the limit. For example the div tags overlap. I have no idea how to resolve this issue where tables would be perfect.

I hope that someone can shed some light on the subject who is more adapt than myself in this page design process.

Kind regards

Trev

ps the link for the sample page is as follows : http://www.blue-leaf.co.uk/cms/index.html.

The page is a page from our cms, but with no functionaility as this was mearly a test for the pages that follow, to aquaint myself with the new approach to good web presentation and standards.

Currently this page aquires AAA Bobby approval, XHTML approval and css approval.

I like the page although, if you resize the window it does messup, you might want to fix all the possitioning, which will stop this, I never hear of problem with access abiltiy and tables, although if you want further info, you might want to look at www.w3schools.com.

Hope that helps sorry if it doesn't

Thanks for your reply. In terms of accessiblity it is recommended that page layouts be achieved using style sheets not tables. Tables should ideally be used for there initial intended purpose, tabular data. Which is why css is more the page layout side of it.

Trust me I am quite happy to work with tables accept to meet requirements I do have problems. I have managed to meet the requirments for all in that login page sample. But like you and I both see, the design screws up when the browser is reduced. I would like to know how to achieve this in css to prevent the divs from overlapping, as I have yet to find a solution. I have looked at other css page designs and also find theres messes up. I am assuming there is no solution this far, but if you do have any, then please let me know.

And w3schools is a great place for tips and advice etc, but it does not cover my area of concern.

Kind regards

T

you might wanna try some thing like style="position:absolute; left:75px; top:74px; width:319px; height:137px;"

or maybe position:relative;

but i know the mircosoft web site uses layers you might wanna look at there coding to see how they do it

Good luck

The microsoft actually uses tables. With small usage of div tags. Position is set to absolute, if it were set to relative there would be an issue as the design would not stretch 100% width of the screen which is my intended route.

Thanks for your input regardless.

But please read up a little about web standards because honestly if you are a web design or developer it is in your interest for future projects, think of it as your USP.

Regards

Trev

alas I am sorry but i wouldn't call myself either web design or developer, I simply dabble.

Although I have been reading up - http://www.mcu.org.uk/articles/tables.html, and i see you have a dilema. However if you did decide to make you page size static it would solve some of your problems, although not what u want, but after reading that article i am sure you will have more problems to overcome.

Good Luck