| Andrew Urquhart 2004-08-09, 7:16 pm |
| *Sparkplug* wrote:
> http://www.porterhouseit.com/PIT/PorterhouseIT.php renders correctly
> in IE6 and Netscape 7.0, and is valid according to
> http://validator.w3.org/
Note the entity warning though that prevents CSS 'validation'
> , but the <ul> elements appear badly in Opera 7.5. Any ideas?
[NB: I assume 'badly' means centred?]
You've used a <center> tag to centre all child elements, of which your
unordered list is a member. It looks as if Opera has honoured that user
defined rule when IE and NN7 have applied a default 'text-align: left'
rule for the table cells that your <ul>s are contained in. Overcome this
rendering uncertainty by explicitly defining a 'text-align: left' rule
for 'td.services'. You may then see that you've not left enough padding
for the bullets and may need to set: td.services ul {padding-left: 2em;}
> Other constructive criticism welcome.
Brief comments about markup and CSS:
It's a bit 'tag-soupy' and there is a fair bit of CSS that has little or
no effect that could be trimmed away. The constructive aspect of that
criticism is that you'd have less complex markup and CSS to maintain,
downloads would be slightly faster and you'd save slightly on data
transfer costs. You have lots of 'xx-small' and 'x-small' font size
rules, fortunately I can override these in my browser so that I can
actually read the page, but you might want to consider using the
browsers/operating system's default font-size (unless your user base is
20:20-vision endowed 16-year olds using 19-inch/48cm monitors!) <g>
Best,
PS: If a document validates to its DTD, it doesn't imply that the
document will be acceptably presented (whether to a GUI-based user-agent
or to a text browser).
--
Andrew Urquhart
- Contact me: http://andrewu.co.uk/contact/
- 'Staccato signals of constant information
A loose affiliation of millionaires and billionaires' - Paul Simon
|