patrick mattison wrote:
> I'm working on my website, using a mac, and when I view it on IE
> for windows the layout looks screwed up.
> www.liquidscience.net
> Patrick Mattison
>
It may be the absolute positioning of #navbar that causes the problem.
Try a menu that does not use a:p. See if this helps:
--delete the styles for #navbar
--add these styles to your css
#navcontainer ul { text-align: center; padding: 5px 0; margin-top: 0;
margin-left: 0; width: 100%; line-height: 2.0; }
#navcontainer ul li { display: inline; padding: 5px 0; }
#navcontainer ul li a { font-style: normal; color: #fff; padding: 5px
10px;text-decoration: underline;}
#navcontainer ul li a:hover { color: red;}
--delete this markup
<div id="navbar"> <!-- #BeginLibraryItem "/Library/Nav Bar.lbi" --><ul>
<li><a href="index.html">about</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="contact.html">contact</a></li>
</ul><!-- #EndLibraryItem --></div>
--replace the deleted markup withis: this markup
<div id="navcontainer">
<ul id="navlist">
<li><a href="index.html">about</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
(not tested)
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
