Hi all,
I'm new to using style sheets for laying out my web pages. I have a
horizontal navigation menu that is split into two sections - three buttons
on the left and a submenu on the right that changes depending on which
button you select. The menu looks good in Internet Explorer 6, but in
Mozilla Firefox 0.8 and Netscape Navigator 7.1 the submenu positions itself
further down the page instead of right next to the buttons. I don't know how
to adequately explain the problem, so if anyone has the time to check it
out, please use the link below. Any thoughts as to what I'm doing wrong and
more specifically, how to fix it? http://www.jlshapiro.com/test/
Thanks in advance for any help you may be able to provide. 6 3632
"SWE" <me@privacy.net> wrote: I'm new to using style sheets for laying out my web pages. I have a horizontal navigation menu that is split into two sections - three buttons on the left and a submenu on the right that changes depending on which button you select. The menu looks good in Internet Explorer 6, but in Mozilla Firefox 0.8 and Netscape Navigator 7.1 the submenu positions itself further down the page instead of right next to the buttons. I don't know how to adequately explain the problem, so if anyone has the time to check it out, please use the link below. Any thoughts as to what I'm doing wrong and more specifically, how to fix it?
http://www.jlshapiro.com/test/
The DOM Inspector is a great tool for debugging web pages, especially
if you're having problems with Mozilla.
The divs are positioned correctly, but then the content is moved
downwards because of teh default top margin on the <p> elements.
Either set margin-top: 0 for these or get rid of the altogether -
these aren't paragraphs so it's not really the best mark-up.
You need to think about how users who do not have JavaScript enabled
are going to use your site. And as ever validating your code would be
a good idea.
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
On Fri, 2 Apr 2004 12:35:13 -0500, "SWE" <me@privacy.net> wrote: I'm new to using style sheets for laying out my web pages. I have a horizontal navigation menu that is split into two sections - three buttons on the left and a submenu on the right that changes depending on which button you select. The menu looks good in Internet Explorer 6, but in Mozilla Firefox 0.8 and Netscape Navigator 7.1 the submenu positions itself further down the page instead of right next to the buttons. I don't know how to adequately explain the problem, so if anyone has the time to check it out, please use the link below. Any thoughts as to what I'm doing wrong and more specifically, how to fix it?
http://www.jlshapiro.com/test/
Well, you aren't really using style sheets for layout, are you? You're
using Javascript, with a bit of CSS as a fig-leaf. Both IE and Opera
just give me the three buttons on the left.
Usual advice (given here I don't know how many times per month): FIRST
validate your page and fix your mark-up errors; THEN if your problem
doesn't go away as a result come here for assistance.
And ask yourself how visitors without Javascript are going to navigate
your site.
--
Stephen Poley http://www.xs4all.nl/~sbpoley/webmatters/
> The divs are positioned correctly, but then the content is moved downwards because of teh default top margin on the <p> elements. Either set margin-top: 0 for these or get rid of the altogether - these aren't paragraphs so it's not really the best mark-up.
You're a life-saver, thanks so much for your feedback. I successfully tried
both your margin suggestion as well as removing the paragraph mark-up
(FrontPage did that without my consent!).
On Fri, 2 Apr 2004 13:21:13 -0500, SWE <me@privacy.net> wrote: The divs are positioned correctly, but then the content is moved downwards because of teh default top margin on the <p> elements. Either set margin-top: 0 for these or get rid of the altogether - these aren't paragraphs so it's not really the best mark-up.
You're a life-saver, thanks so much for your feedback. I successfully tried both your margin suggestion as well as removing the paragraph mark-up (FrontPage did that without my consent!).
Two quick comments:
1) Whenever IE does something that no other browser does, it's IE getting
it wrong. I can't think of a single example of IE getting it right in
isolation.
2) Friends don't let friends use FrontPage. The only users who can produce
reasonably browser-independent pages with FrontPage are quite capable of
doing a better job by hand.
On Fri, 2 Apr 2004, Neal wrote: 1) Whenever IE does something that no other browser does, it's IE getting it wrong. I can't think of a single example of IE getting it right in isolation.
IE seems very good at guessing what misguided authors intended. It's
much worse at doing what the interworking specifications require it to
do.
Hence or otherwise deduce that in a WWW context it's better to start
by designing for the WWW, and then (for those who care about the
unthinking masses) downgrading the result (within the interworking
specifications) so that it doesn't upset the "industry standard" (i.e
WWW non-standard).
2) Friends don't let friends use FrontPage. The only users who can produce reasonably browser-independent pages with FrontPage are quite capable of doing a better job by hand.
Well said.
"SWE" <me@privacy.net> a écrit dans le message de news:
c4*************@ID-206398.news.uni-berlin.de... Hi all,
I'm new to using style sheets for laying out my web pages. I have a horizontal navigation menu that is split into two sections - three buttons on the left and a submenu on the right that changes depending on which button you select. The menu looks good in Internet Explorer 6, but in Mozilla Firefox 0.8 and Netscape Navigator 7.1 the submenu positions
itself further down the page instead of right next to the buttons. I don't know
how to adequately explain the problem, so if anyone has the time to check it out, please use the link below. Any thoughts as to what I'm doing wrong
and more specifically, how to fix it?
http://www.jlshapiro.com/test/
Thanks in advance for any help you may be able to provide.
I couldn't see your page /test/ error 403
But your idex page has no doc type
add
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
as the first line then IE and Mozilla will do the same thiongs. Not
necessarily what you want but the same. This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Bryan R. Meyer |
last post by:
Hello Everyone,
The problem of browser resizing has become an issue for me. While
redesigning my webpage, I set the left and right margins to be auto so
that my content would be centered. ...
|
by: crjr |
last post by:
I'm having trouble with positioning in Netscape 7.02. It looks the way I
want it to in IE 6, Opera and iRider, but in Netscape and Mozilla, the MENU
drops way too low. Also, in Netscape the...
|
by: Tim Charles |
last post by:
Hello
I am close to finishing my first properly css-friendly site (at least I hope
it is), and am looking for some general feedback, plus a specific question
answered, if possible.
...
|
by: Frances Del Rio |
last post by:
don't know if I'll succeed, have spent a lot of time already trying to
figure this out: I would like to position a footer (co. name, address,
etc..) at the bottom of browser page, in such a way...
|
by: Laiverd.COM |
last post by:
Hi everybody,
I'm not quite sure whether this request is appropriate here; if not I'm sorry. I have finally managed to get things positioned,
scaled etc. properly. However I'm only able to check...
| |
by: chris ciotti |
last post by:
Hi -
The following page:
http://www.geocities.com/chris_ciotti/Holding/site-template-sliced.html was
generated with Photoshop CS and uses CSS for positioning. The page validates...
|
by: Peter Adolphs |
last post by:
Hi newsgroup!
The W3C HTML 4.01 recommendation states that "The onreset event occurs
when a form is reset." Using Mozilla 1.4.1, how come that if I set
onreset="return false;", the form is not...
|
by: George Hester |
last post by:
http://tinyurl.com/5uj6w
The lower middle icon the "block" should not drop down when the mouse is over it. How can I stop that?
Also the navigation divs both top and bottom should follow the...
|
by: Eric Lindsay |
last post by:
I seem to be running into problems when I try viewing pages at my site
http://site.sheltersrus.com.au/ using this stylesheet
http://site.sheltersrus.com.au/sheltersrus.css in Internet Explorer 6.
...
|
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,...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
| |
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...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
|
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...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
|
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...
| | |