|
| |
|
|
MCD
Posts: 758
Joined: 3/19/2002
From: Al USA
Status: offline
 |
Firefox Problem - 5/13/2008 8:21:02
I am trying to create a horizontal navigation list inside a navigation div but the navigation div collapses in Firefox. It works fine in IE 7. If I put text or normal links inside the navigation divs (a strip across the site) they work fine in FF. Can anyone tell me what must be done to keep the strip from collapsing in Firefox?
Here is the CSS
#outerWrapper #top_Navigation {
background-color: #eaeff5;
height: 101%;
padding: 0px 5px 0px 5px;
border-bottom: solid 1px #9bb6d2;
}
#outerWrapper #top_Navigation ul {
list-style-type: none;
width: 101%;
padding: 0px;
margin: 0px;
}
#outerWrapper #top_Navigation li {
float: left;
}
#outerWrapper #top_Navigation li a:link {
color: #eaeff5;
text-decoration: none;
display: block;
border: 1px solid #9bb6d2;
padding: 0px 0px 0px 0px;
background-color: #828ea6;
margin: 0px 2px 0px 0px;
}
#outerWrapper #top_Navigation li a:hover {
color: #eaeff5;
text-decoration: none;
border: 1px solid #9bb6d2;
background-color: #2d2e2e;
}
Here is the HTML
<div id="top_Navigation">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
This is my first table free website and I'm going bald over one little problem.
|
|
|
|
MCD
Posts: 758
Joined: 3/19/2002
From: Al USA
Status: offline
|
RE: Firefox Problem - 5/13/2008 9:34:22
Thanks Tailside, I understand exactly what you are saying and what my options are. I must make a note of this for future reference.
_____________________________
Author of " How To Build A Website With Duct Tape"
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
