Understandably I know that the real issue is in IE but at the moment everything looks good in IE and not Firefox. THE PROBLEM
The problem that I am having is that my navigation menu is out of wack when viewing it in Firefox the browser seems to be pushing everything on the right to the left and I can't for the life of me solve the problem. Basically the menu is suppose to be sitting on the right side of the website but when viewing the website in firefox it seems the style sheets for the menu lays on the left overlapping images and text. Any help would be a blessing I have been working on this for awhile. Thank you all for the time.
The HTML CODE
<div id="menu"><ul id="menu" name="menu">
<li>
<div id="postit"></div>
<div id="newsletter" >
<div id="postit"></div>
<a href="index.htm l" target="_blank" class="worldcla ss">World Class<span></span></a></li>
<li><a href="welcome.a sp" target="_blank" class="welcome" >Welcome<span ></span></a></li>
<li><a href="menu.asp" target="_blank" class="menu">Me nu<span></span></a></li>
<li><a href="accolades .asp" target="_blank" class="accolade s">Accolades<sp an></span></a></li>
<li><a href="events.as p" target="_blank" class="events"> Events<span></span></a></li>
<li><a href="direction s.asp" target="_blank" class="directio ns">Directions< span></span></a></li>
<li><a href="reservati ons.asp"target= "_blank" class="reservat ions">Reservati ons<span></span></a></li>
<li><a href="contact.a sp"target="_bla nk" class="contact" >Contact Us<span></span></a></li>
</ul></div>
THE CSS CODE
#menu {
list-style: none;
padding: 0;
margin: 0;
width:200px;
height:600px;
left: 20px;
top: 180px;
background: url(#) no-repeat;
position: relative;
}
#menu span {
display: none;
position: absolute;
}
#menu a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}
#menu a:hover {
background-position: left bottom;
}
#menu a:hover span{
display: block;
}
#menu .worldclass {
width: 200px;
height: 122px;
left: -5px;
top: -179px;
background-image: url(../index_files/worldclass.png) ;
background-repeat: no-repeat;
}
#menu .welcome {
width: 144px;
height: 52px;
left: 25px;
top: -54px;
background-image: url(../index_files/welcome.png);
background-repeat: no-repeat;
}
#menu .menu {
width: 144px;
height: 52px;
left: 25px;
top: 0px;
background-image: url(../index_files/menu.png);
background-repeat: no-repeat;
}
#menu .accolades {
width: 144px;
height: 51px;
left: 25px;
top: 54px;
background-image: url(../index_files/accolades.png);
background-repeat: no-repeat;
}
#menu .events{
width: 144px;
height: 51px;
left: 25px;
top: 107px;
background-image: url(../index_files/events.png);
background-repeat: no-repeat;
}
#menu .directions {
width: 144px;
height: 52px;
left: 24px;
top: 160px;
background-image: url(../index_files/directions.png) ;
background-repeat: no-repeat;
}
#menu .reservations{
width: 144px;
height: 51px;
left: 24px;
top: 214px;
background-image: url(../index_files/reservations.pn g);
background-repeat: no-repeat;
}
#menu .contact {
width: 144px;
height: 51px;
left: 23px;
top: 267px;
background-image: url(../index_files/contact.png);
background-repeat: no-repeat;
}
2 1618
Just to get this out of the way now......
Firefox is displaying your page properly. Are you using a DOC Type? If not then you're using IE in quirks mode, which means that it's displaying the page incorrectly.
Do you have a link to a test site?
Not displaying it properly but displaying what is written. Never trust IE to be doing anything correctly.
First issue is id names are to be unique to one element on a page but you are using the same name multiple times.
A link to an online page would be better since we don't have the images to insert into this. I know you are trying image replacement and I had similar issues on some of my sites with IE. You'll notice Opera will display the same as Firefox.
Sign in to post your reply or Sign up for a free account.
Similar topics |
by: lkrubner |
last post by:
Go to this page:
http://www.publicpen.com/designer/mcControlPanel.php?arrangement=createweblogsForm.php
You'll need to login, use these:
username: designer
password: designer123
This is a demo site where we are debugging our software, please feel
|
by: expertware |
last post by:
Dear friends,
My name is Pamela, I know little about CSS,
but I would like to ask a question
I have an image on a web page within a css layer:
<DIV ID=MyLayer
STYLE = "position: absolute;top:68px; left:563px;
width:640px;height:480px;">
<IMG src="ReportImageBox_12.54.52.png" width=640 height=480></IMG>
|
by: expertware |
last post by:
Ok! to avoid confusion I will start a new argument.
Thanks!!
FIREFOX 1.0.7 AND IE6 viewed through DATATIME: a summary REPORT
===============================================================
by Pamela
Datatime Team
-----------------
|
by: Dan Diephouse |
last post by:
I am attempting to write a DLL which wraps C# code. The issue at hand is
a print driver allows you to extend it by writing a DLL. Seeing that
VC++ seems to be hopelessly out of my mental reach, I thought I'd write
the DLL in C#. Of course, it turns out I can't solely write the DLL in
C# managed code. I have to create an unmanaged wrapper. So I have the
following stub below which I need to fill in. I've gotten to the point
where it...
|
by: Steve Mauldin |
last post by:
I have recently converted an ASP website to ASP.NET and I am receiving a lot
of complaints about the site no longer working for people running Netscape,
FireFox, or even IE on a Mac. The issues run the gamut from Issues with
DIV, StyleSheets, Colors not being displayed properly, Etc.. Is there
anything I can do short of going back to ASP or writing 5 versions of the
same website to get my ASP.NET code to work with more browsers than just...
| |
by: sllrphoto |
last post by:
A veteran of early html, I've modified my blog template and made it
look rather clean (albeit rather plain) when viewed with IE.
Ironically, I'm a big Firefox fan, but when viewed in FF, my blog
leaves a lot to be desired.
The blog (which is at http://lazycomic.blospot.com/ ) is a basic two
column style, with the right column being the one that's giving me the
problems.
|
by: golfchick |
last post by:
Well im at the end of my teather, ive been searching for an answer to no avail. Ive used suggested html and css checkers both say my code is perfect and yet there seems to be a distinct difference between both firefox and internet explorer. The problem is with the links on the left hand side, inet explorer spaces them when it shouldnt and doesnt position them where ive said too in Dreamweaver and firefox hasnt positioned them right either but...
|
by: rahulthathoo |
last post by:
We are having some problem with out css- style on firefox. The same
site displays fine in IE. But in Firefox, there are some hyperlinks
which just dont appear as hyperlinks, rather appear as plan text. In
our style.css file, we use float: left which causes some problems,
without it the alignment goes off but the hyperlinks are there, but
with it, the alignment is there but no hyperlinks, it appears a plain
text.
Can anyone help us out...
|
by: loveshack |
last post by:
Can anyone help me please (i am quite a novice, but having fun learning). Im not sure if this is an ASP problem, a javascript problem or a browser problem.
Firstly, everything i have written works fine in IE7 and beta IE8. My pages do not work however in Safari or Firefox, and please dont beat me, but i use Frontpage to write my site, and i use iframes as ive not discovered how to do this any differently!
So the issue is this, i have a...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |