At Wit's end with IE6 CSS + Nav. in others

[christianx]

Hello - I am new to this board and have found it useful…to a point, without joining. Many of my searches pulls up posts here, so I decided to join.

I am on a Mac platform. I decided to use my own site as a guinia-pig for diving into the XHTML/CSS way of dveloping sites. However - like an idiot, (or maybe not) I built the site and it looks great on Mac Safari/Firefox(nav gives me issues on FF.) Long story short - Because I don't have a PC platform to test in my studio, I have to use online browser checkers (lots of loading, unloading etc.)

Everything works, except the nav in my homepage for Windows 2000: Opera 8.0.1, Mozilla 1.7.8, Firefox 1.0.5, Netscape 7.2, IE 5.5 - however, IE 6 likes my background, the top "banner" graphic and the box that should "contain" the Nav. elements, graphic and text column. It shoves all of that to the bottom of the page.

My question is this: why is the navigation being displayed in default colors AND underlined (which I specifically styled not too) in the browsers above, and why is IE 6 ignoring 80% of the styles? Is it the structure? Is it the order of the elements? I have spent hours upon hours of "wasted" time on this and can't handle it any more.

[snip]

Oh and if I need to post the CSS let me know - also too - the version you'll see I thnk IE6 drops the ball altogether, but pretty much works on all others.

THANK YOU for any help! (and I hope the link script above works lol!)

[edit: no urls, please. See CSS Forum Charter [webmasterworld.com] for details.]

[edited by: createErrorMsg at 7:09 pm (utc) on Aug. 20, 2005]

[christianx]

here's the CSS just in case:

body{
color: #000;
font-family: Helvetica, Verdana, Arial, Sans-serif;
background: #1F1F1F url(gdeep.gif) repeat-x fixed;
margin: 0;
padding: 0;
}

.hide: {
display: none;
}

img{
display: block;
border: 0;
}

p{
margin-top: 0;
text-align: justify;
font-size: 12px;
line-height: 1.5;
}

[tedster]

why is the navigation being displayed in default colors AND underlined (which I specifically styled not too)

Welcome to the forums, christianx. To answer your question we'll need to see the CSS that applies to your anchor tags, and probably a simplified version for one of the nav links and its container as well (just change any domain names in the code to example.com)

[christianx]

Here's an example of the container and nav:

<div id="intro">
<h4><span>Left Grey backgound</span></h4>
<div id="main">
<ul id="nav">
<li><a href="/example.html">main deck</a></li>
<li><a href="/example.html">showcase</a></li>
</ul>
</div>

and the CSS:

[christianx]

<style>

#nav li { width: 10em; list-style: none; display: block; text-align: right;
background: #3F4041; border: 1px;}

#nav {font-size: 14px;margin-left: 20px; position: absolute;
padding: 0px; line-height: 1.75em; top: 175px; width: 100px; height: 585px; border: 1px; }
</style>

and btw - they are external style sheets Thanx -

[christianx]

Woot-Woot! Figured it out all on my lonesome! Just had to re-arrange the order of the content, simple but yet - confusing and a stumper for the uninformed.