|
|
Posted by Beauregard T. Shagnasty on 11/01/05 19:49
cyber0ne wrote:
> I've been putting together a test page for a re-design of my website,
> focusing as much as I can on standards and portability of code, and I'm
> running into a problem with some text wrapping.
>
> For reference, the page is at http://www.cyber0ne.com/test/css
Please start by fixing the errors in the CSS, after which we may be able
to determine what the problem really is. Note all the warnings as well.
<http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.cyber0ne.com/test/css/>
Fixing the HTML errors will also help.
<http://validator.w3.org/check?verbose=1&uri=http%3A//www.cyber0ne.com/test/css/>
A CSS comment is: /* margin: -1.6em 0em 0em 2em; */
and not just: *margin: -1.6em 0em 0em 2em;
which means the browser is free to ignore your CSS.
That said, you should use a complete doctype, and probably use Strict
for all new pages. This will also make a difference in the display of
the page.
http://www.w3.org/QA/2002/04/valid-dtd-list.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Oh, and change the default font size to .. 100% .. instead of just 80%
of my preferred size. Use percent instead of em, due to bug in IE that
improperly resizes when em is used.
--
-bts
-Warning: I brake for lawn deer
[Back to original message]
|