|
Posted by Slick50 on 12/13/06 06:06
I actually think I resolved both my problems by using the CSS Validator and
another post. From the post, I tried clear: both, which put the UL (the
horizontal text) below the header - just as I wanted. The CSS Validator
indicated an invalid value for text-align (I was using "middle" instead of
"center". So both of those problems have been fixed.
However...
I seem to have introduced another problem. The header background color won't
display in FF. ????
I don't know how anyone can get good at this. I've spent three weeks trying
to get this stupid simple header to display properly and am getting
absolutely nowhere...
"Jonathan N. Little" <lws4art@centralva.net> wrote in message
news:8722e$457f9732$40cba7b0$19541@NAXS.COM...
> Slick50 wrote:
>> http://messiah.scojul.homedns.org
>>
>> Two problems:
>> 1) UL does not display below header DIV in FF, looks OK in IE6
>> 2) UL list items will not center in FF or IE.
>>
>> I had a hard enough time getting the stupid gif and text to display on
>> the same line, and now this...I'm going to go nuts... It shouldn't be
>> this hard, should it?
>>
>> Grrrrrr...
>>
>> Thanks.
>
> Don't see a list at URL, but if you want a list "UL" centered you must 1)
> give it a width and 2) set margins left and right to auto.
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> <titleCentered List</title>
>
> <style type="text/css">
> UL { width: 5em; margin-left: auto; margin-right: auto; }
> </style>
> </head>
>
> <body>
>
> <ul>
> <li>List 1</li>
> <li>List 2</li>
> <li>List 3</li>
> </ul>
> </body>
> </html>
>
>
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIO
> http://www.LittleWorksStudio.com
[Back to original message]
|