 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
dunomous
Joined: 19 Sep 2005
Posts: 1
Location: Charlotte, NC
|
 Posted: Mon Sep 19, 2005 4:40 pm CSS: Firefox and IE disagree (of course) |
 |
|
|
I have a navigation bar created that was tested using Firefox. Checking in IE there're width problems.
http://www.freewebs.com/dunomous/index.htm in Firefox, then again in IE and you shall see what I mean
I don't want to try and use overflow:hidden, as I'm using overflow for part of the site.
any suggestions for a fix?
In the head:
| Code: |
h1.header
{
align:left;
margin-bottom: 0;
height: 180px;
width:90%;
background-repeat: no-repeat;
}
h1.header span
{
display: none;
}
h1#title
{
width: 90%;
background-image:url("header2.png");
background-position: center;
background-color: green;
border-style: solid;
border-color: gold;
border-width: 1px 1px 0 1px;
}
#nav
{
position: relative;
text-align: center;
height: 19px;
width:94.89%;
background-image:url("")
vertical-align: bottom;
}
#nav ul
{
padding: 0px;
margin: 0px;
background-color: green;
white-space: nowrap;
border-style: solid;
border-color: gold;
border-width: 0 1px 0 1px;
}
#nav ul li
{
display: inline;
}
#nav ul li a
{
color:white;
padding-right: 10px;
padding-left: 10px;
text-decoration: none;
}
#nav ul li a:hover
{
background-color: black;
color: gold;
border-style: solid;
border-color: gold;
border-width: 1px 1px 0 1px;
}
|
Then in the Body:
| Code: |
<h1 class="header" id="title"><span class="header">Dunomous</span></h1>
<div id="nav">
<ul id="nav">
<li id="hnav"><a href="home.htm">Home</a></li>
<li id="nav"><a href="about.htm">About</a></li>
<li id="nav"><a href="contact.htm">Contact</a></li>
<li id="nav"><a href="announcements.htm">Announcements</a></li>
</ul>
</div>
|
|
|
chaos0822
Joined: 02 Jan 2006
Posts: 7
|
| Posted: Tue Jan 03, 2006 9:57 am |
|
|
|
| I am having a hard time seeing the problem you speak of and I checked it in both browsers. Please Explain your problem a little more clearly and what you want to happen. As a side not, I would be very careful using those :hovers together with a list style elements. I tried that, and as I see on your website, the hovers are very glitchy and Mozilla Firefox completely ignores your second bullet. Page looks like it will look nice when its done though. |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8301
Location: Castle Pines North, CO USA
|
| Posted: Tue Jan 03, 2006 11:20 am |
|
|
|
IE might be in quirks mode because there is no DOCTYPE being used |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
