Topic: divs and textsize/accessibility Pages that link to <a href="https://ozoneasylum.com/backlink?for=9691" title="Pages that link to Topic: divs and textsize/accessibility" rel="nofollow" >Topic: divs and textsize/accessibility\

 
Author Thread
BigAl
Obsessive-Compulsive (I) Inmate

From: NZ
Insane since: Jun 2003

IP logged posted posted 10-24-2003 01:26 Edit Quote

Hello!

A usability tester on a website I'm working on has pointed out that when text size is increased (Ctrl-scroll or View/text-size), which is of great assistance of course for near-sighted people, the text on the home page slides down behind the images. The entire page is constructed of divs whose position is controlled by the css ... eg.

code:
#welcome{
position:absolute;
left:310px;
top:196px;
width:431px;
height:124px;
z-index:6;}


...which positions a div holding text, and eg.
[CODE]#indexpicsT {position:absolute; left:310px; top:331px; width:449px; height:139px; z-index:24}
...which positions an image-holding layer.

I realise tables are the usual answer, but I'm wondering if during the long dark hours of night, when the demented howls of the inmates recede, someone has come up with a solution using only divs?

HOOOWWWWWLLLLLLLLLLL!...BigAl

Veneficuz
Paranoid (IV) Inmate

From: A graveyard of dreams
Insane since: Mar 2001

IP logged posted posted 10-24-2003 01:31 Edit Quote

You should avoid using position: absolute. When you're using absolute positions the divs position is based on the top-left of the browser, regardless of text-size. Instead use 'position: relative' or float the divs where you want them. That will create a more fluid design, that will work for different text-sizes.

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"
- the Golden Ratio -

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 10-24-2003 01:36 Edit Quote

If you *do* choose to use position:absolute, base the top, left, width, and height values off of units other than pixels. Use em's instead, which change based on the font size. For example:

#welcome{
position:absolute;
left:50em;
top:30em;
width:60em;
height:20em;
z-index:6;}

But, as Veneficuz said, the best solution is to avoid overuse of absolute positioning.

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

IP logged posted posted 10-24-2003 01:44 Edit Quote

Long time no see, mate.
Don't make too many div, mate.
It is feasible just uing HTML, mate.
Cheers.

Hiroki Kozai

BigAl
Obsessive-Compulsive (I) Inmate

From: NZ
Insane since: Jun 2003

IP logged posted posted 10-24-2003 02:56 Edit Quote

Hey thanks, you guys - that's a great help

BigAl



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu