Search Engine Optimization > Web Development > XHTML/CSS positioning
XHTML/CSS positioning
Posted by Geoff Berrow on March 21st, 2006

Message-ID: <lN40TmnlqEIEFwv+@pigsonthewing.org.uk> from Andy Mabbett
contained the following:

The same could be said for everyone...

Meanwhile, I have been in discussion with the company I mentioned and
they are very keen to improve the accessibility of their sites. And
they have offered me a job[1]. So there.

[1] writing PHP. I'm still avoiding html/css.

--
Geoff Berrow 0110001001101100010000000110
001101101011011001000110111101100111001011
100110001101101111001011100111010101101011

Posted by Alan J. Flavell on March 21st, 2006

On Tue, 21 Mar 2006, Geoff Berrow wrote:

good luck

Avoiding the end-product, eh? I don't believe you're *that* b-minded.

Posted by Andy Mabbett on March 21st, 2006

In message <nnk022piun7usdt2un2lkn1g58g2ancqtu@4ax.com>, Geoff Berrow
<blthecat@ckdog.co.uk> writes

Congratulations.

I can find you plenty of (unpaid, for a charity) work doing that... ;-)

--
Andy Mabbett

Say "NO!" to compulsory ID Cards: <http://www.no2id.net/>

Posted by Andy Mabbett on March 21st, 2006

In message <87u09rmwxo.fsf@dinopsis.dur.ac.uk>, Chris Morris
<c.i.morris@durham.ac.uk> writes
Thank you, but my request was made specifically to the person posting as
"d <d@example.com>"
--
Andy Mabbett
Say "NO!" to compulsory ID Cards: <http://www.no2id.net/>

Free Our Data: <http://www.freeourdata.org.uk>

Posted by Geoff Berrow on March 21st, 2006

Message-ID: <gaqF26zsoGIEFwOW@pigsonthewing.org.uk> from Andy Mabbett
contained the following:

I'm not short of work, but I also like to help charities. Mail me.



--
Geoff Berrow 0110001001101100010000000110
001101101011011001000110111101100111001011
100110001101101111001011100111010101101011

Posted by Stephen on March 21st, 2006

In article <87u09rmwxo.fsf@dinopsis.dur.ac.uk>, Chris Morris
<c.i.morris@durham.ac.uk> writes
An example of what exactly? How using CSS for layouts invariably never
works correctly (produces overlapping/clashing or clipped content) when
you increase the font size to match a larger display and/or reduce the
window size to suit a smaller/partial display? That's what my Firefox
did on that site, any many many other css-layout sites (those that don't
deliberately go for simple layouts to avoid this). Heck, even a standard
800x600 IE5.5 with default text size produced overlapping content on the
main page without me trying to break it, as did Opera 8.5 with larger
text for my [pretend] poor old eyesight

Not that I want to sound like I'm getting at you. When I last considered
using CSS for layout I must have visited 25+ sites dedicated to teaching
the best practises for CSS, and necessary workarounds to produce the
sort of layouts we're all used to, and I think every single one of them
failed when the font/display size combination was altered to other
sensible settings (even csszengarden fails on the initial page if you
just slightly reduce the window size on a 800x600 display with standard
Firefox size fonts).

Somewhat ironic I thought, since all the CSS-layout advocates insist
that the CSS way is better (and in principle I agree it should be), yet
overlapping content is something you NEVER see with table based layouts,
so I'm sure everyone can appreciate why there is still a large following
for table based layouts, and always will be until a proper layout
technology comes along and becomes mainstream. At worst, I for one
prefer content to just "be in the wrong place" than be unreadable
because it has clashed with other content - Google Groups being one of
the worst offenders of the latter at the moment.

Posted by Chris Morris on March 22nd, 2006

Stephen <spambox42@yahoo.co.uk> writes:
Is this on the home page or on the normal content pages? The content
pages I tend to view with a viewport less than 800 wide, with a larger
than standard font size, and it all works okay (and I spend most of my
time working on the content pages, so I might have missed something on
the home page). The home page is a bit more ambitious in design, so it
may need a bit more testing.

I'll have a look at the home page in IE 5.5 when I have access to my
test machine. (Is this a genuine IE 5.5, or one co-installed with IE 6
- if the latter, then I'd expect it to break somewhat because the
co-installation hack doesn't deal with IE's versioned conditional
comments in the same way a genuine IE 5.5 would)

Even csszengarden? That's not a site I'd expect to work all that
flexibly... It's not there to show off accessible and practical web
pages, it's there to demonstrate CSS visual effects.

--
Chris

Posted by Stephen on March 22nd, 2006

In article <87pskfmj4y.fsf@dinopsis.dur.ac.uk>, Chris Morris
<c.i.morris@durham.ac.uk> writes
The home page certainly to a smaller extent. The top logo is affected
first, but with a couple of increases in text size some of the text no
longer fits within the coloured columns, one more increase and text
starts to splat over other text.

It's actually worse on:
http://www.dur.ac.uk/dbs/

Firefox, fully maximised 1600x1200 display (worse if smaller window).

Firefox doesn't inform you of text size, but returning to default and
upping the size one at a time with Ctrl-+ gives:

+1 = the bottom of the "developing business leaders" starts to
disappear.

+2 = this sentence is now completely gone.

+3 = corruption to the button tabs along the top, plus more content
missing.

+4 = total disaster. And at 1600x1200, this is actually a nice text size
for viewing with good eyesight, let alone poor eyesight

Genuine IE5.5, although the bulk of the problem is that the green
"Prospectus" thing appears at a location on the page that you were
totally not expecting

The arrows on the navigation links also slightly overlap.

Posted by Chris Morris on March 22nd, 2006

Stephen <spambox42@yahoo.co.uk> writes:
Thanks - I'll have a look at those when I get chance.

--
Chris

Funbolt.com - Entertainment portal, wallpapers, sexy celebs