CSS Text Centering Problem

bizshop · Sep 17, 2007

I've been struggling with aligning text from a database pull. If you
have time,I've tried everything I can think of. It is an alignment
isue where sometimes product name below the picture is right aligned
and sometimes centered (desired).

Examples:
http://bizshop.com/testbed/nwart/description.php/Pins/JM_EaglePin
http://bizshop.com/testbed/nwart/description.php/Pins/DD_SalmonPin

Funny thing is if I switch to another program and switch back to the
browser the name usually centers. Problem seems to happen in IE and
MicroB, but not on my Firefox.

Any help appreciated.

CMC · Sep 17, 2007

I've been struggling with aligning text from a database pull. If you

have time,I've tried everything I can think of. It is an alignment
isue where sometimes product name below the picture is right aligned
and sometimes centered (desired).

Examples:
http://bizshop.com/testbed/nwart/description.php/Pins/JM_EaglePin
http://bizshop.com/testbed/nwart/description.php/Pins/DD_SalmonPin

Funny thing is if I switch to another program and switch back to the
browser the name usually centers. Problem seems to happen in IE and
MicroB, but not on my Firefox.

Any help appreciated.

I have just viewed both of you examples using Firefox. The only real
problem that I can see is that there is side scrolling. There seems
to be nothing that I can find which causes it. I am using a 19" CRT
monitor with a resolution of 1024 x 768.

Cheers,
Colin

Beauregard T. Shagnasty · Sep 17, 2007

bizshop said:
I've been struggling with aligning text from a database pull. If you
have time,I've tried everything I can think of. It is an alignment
isue where sometimes product name below the picture is right aligned
and sometimes centered (desired).

Examples:
http://bizshop.com/testbed/nwart/description.php/Pins/JM_EaglePin
http://bizshop.com/testbed/nwart/description.php/Pins/DD_SalmonPin

You should start by fixing the numerous errors:
<http://validator.w3.org/check?verbo...estbed/nwart/description.php/Pins/JM_EaglePin>
<http://jigsaw.w3.org/css-validator/...estbed/nwart/description.php/Pins/JM_EaglePin>

Use a Strict doctype, and remove that <base> line above it.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Further, your choice of font is nearly unreadable.

"Monotype Corsiva", "Apple Chancery", "URW Chancery L", cursive...
are terrible fonts for screen reading, especially at the tiny sizes.

Inches and points are for printing, not screen. Use percentages instead
for font sizing, and em units for sizing, except for borders.
http://k75s.home.att.net/fontsize.html

Your CSS seems overly complicated.

bizshop · Sep 17, 2007

Of course I should have validated before
posting -sorry, I'll get those errors fixed
and repost.

As for font readability - I agree.Tried to
convince client, who insisted..
What's a poor developer to do?

Beauregard T. Shagnasty · Sep 17, 2007

bizshop said:
Of course I should have validated before posting -sorry, I'll get
those errors fixed and repost.

As for font readability - I agree.Tried to convince client, who
insisted..

Is your client experienced in web development? Expects visitors all to
have perfect eyesight, and those fonts installed? On hir PDA or mobile
phone?

What's a poor developer to do?

FIGHT BACK!!! ;-)

css horizontal centering problem in html	2	Feb 24, 2007
css selecting text "inside" elements	22	May 13, 2008
css sub-menu overlapping problem	5	Dec 16, 2007
CSS Layout Problem	10	Dec 11, 2007
text align does not work	7	Apr 8, 2008
css problem	6	Oct 29, 2004
Question about alignment in css (repost)	12	Nov 23, 2004
Strange problem with asp:Textbox and CSS filter:alpha	0	Jun 21, 2007

CSS Text Centering Problem

bizshop

CMC

Beauregard T. Shagnasty

bizshop

Beauregard T. Shagnasty

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads