Dave Pierce wrote:
> Dave dolefully delineated:
>
>> On this website, which is located at http://
>> www.pierceartanddesign.com/testfiles/ the bullets in all versions
>> of IE are aligned with the bottoms of any <li> that is longer than
>> the width required to keep it on all on one line. Any ideas why?
>>
>
>
I have no idea.
Your site is broken in compliant browsers.
There is, among other things, a lexical error.
This:
#<body> { font-size: 100%; font-family: Georgia, "Times New Roman",
Times, serif; line-height: 110%; background-color: #fff9b7; text-align:
left; width: 765px; height: auto; margin-top: 1em; margin-bottom: 1em;
padding: 0; }
Should be:
body { font-size: 100%; font-family: Georgia, "Times New Roman", Times,
serif; line-height: 110%; background-color: #fff9b7; text-align: left;
width: 765px; height: auto; margin-top: 1em; margin-bottom: 1em;
padding: 0; }
You have a very simple 2 col page. No need to hack anything for any
browser-- much less IE7 at this stage, at least in my book.
Start with a 2 col layout that is known to work cross-browser. There
are some here <http://blog.html.it/layoutgala/>, and more in the wiki
and elsewhere. Plug your stuff in one of them.
Use a vertical navigation menu or list that is known to work
cross-browser. There are some here <http://css.maxdesign.com.au/> --
check the browser computability charts on the site.
Wrapping text around images is covered in the float tutorials here;
<http://css.maxdesign.com.au/>
There is helpful info on avoiding hacks for IE6 on the wiki
<http://css-discuss.incutio.com/?page=AvoidingHacks>
Best,
~dL
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
