show hide layers + scroll probs under Mac

Nick

Hi,
I've got some browser compatibility issues with the following page:
http://www.iclc-group.com/hspv1/testi.htm
It's a straightforward show/hide layer layout with images on the left
and linked text on the right.The whole page appears in a large popup
sized to fit. The text overflow and positioning of layers does not
apparently work correctly under IE5 Mac or Safari. On PC all is OK.
Can anyone spot any horribly obvious mistakes I have made in the html?

Thanks very much

Nick

Jul 23 '05 #1

Subscribe Reply

3435

Steve Pugh

On 21 Sep 2004 10:03:49 -0700, ba*******@free. fr (Nick) wrote:

I've got some browser compatibility issues with the following page:
http://www.iclc-group.com/hspv1/testi.htm
It's a straightforward show/hide layer layout with images on the left
and linked text on the right.The whole page appears in a large popup
sized to fit. The text overflow and positioning of layers does not
apparently work correctly under IE5 Mac or Safari. On PC all is OK.
Can anyone spot any horribly obvious mistakes I have made in the html?

Screws up in Opera 7.54 and FireFox 1pr as well.
Looks like you've coded to some of Win IE's many bugs and all the
better browsers are punishing you for it.

Validate your code and fix all those errors then see which browsers
the problem still crops up in:
http://validator.w3.org/check?uri=ht...spv1/testi.htm
http://jigsaw.w3.org/css-validator/v...1&profile=css2

Steve

Jul 23 '05 #2

Nick

Hi,
Thanks Steve for the links.
I've tidied up as best I can:
-doc type now in place (doh!)
-style sheet cleaned up
-body attributes now in css and validates ok ( margin left=0 etc
replaced with margin, padding etc)
-table height removed
-scroll bar colours don't validate but seems OK/ignored depending on
browser
- alt tags now complete
- there is a background image for a table that doesn't validate but
should be OK...

My guess is that the margins and table height were confusing matters.
Crossing fingers for your Mac compatibility!

cheers
Nick

Steve Pugh <st***@pugh.net > wrote in message news:<1m******* *************** **********@4ax. com>...

On 21 Sep 2004 10:03:49 -0700, ba*******@free. fr (Nick) wrote:
I've got some browser compatibility issues with the following page:
http://www.iclc-group.com/hspv1/testi.htm
It's a straightforward show/hide layer layout with images on the left
and linked text on the right.The whole page appears in a large popup
sized to fit. The text overflow and positioning of layers does not
apparently work correctly under IE5 Mac or Safari. On PC all is OK.
Can anyone spot any horribly obvious mistakes I have made in the html?

Screws up in Opera 7.54 and FireFox 1pr as well.
Looks like you've coded to some of Win IE's many bugs and all the
better browsers are punishing you for it.

Validate your code and fix all those errors then see which browsers
the problem still crops up in:
http://validator.w3.org/check?uri=ht...spv1/testi.htm
http://jigsaw.w3.org/css-validator/v...1&profile=css2

Steve

Jul 23 '05 #3

Similar topics

3201

Mozilla slowness on div show hide routine

by: David | last post by:

Hi everyone, Hoping there are some .js/browser experts out there that can help with this weird problem. I have made a swap div routine and applied the events to menu buttons with a closer layer behind the menus. The closer div has a lower index than the submenu divs so it appears behind them. The closer div contains a transparent gif with an event applied to it to close all of the divs when moused over.

Javascript

3994

show/hide layers onLoad

by: geotso | last post by:

Hi I'm looking for a javascript with the following operation: if history.length <=2 show "layer1" and hide "layer2" else hide "layer1' and show "layer2"

Javascript

12182

Hide/show <div>

by: MOHSEN KASHANI | last post by:

Hi, I am trying to hide some form elements in a form by default and show/hide depending on which radio button is clicked. This is what I have but it is not working: <head> <style> ..noshow { display: none; }

Javascript

7994

Hide / Show form Elements.

by: jerryyang_la1 | last post by:

I've found this script that allows be to hide/show form elements.. <script language="JavaScript"><!-- var toggle = true; function show(object) { if (document.layers && document.layers) document.layers.visibility = 'visible'; else if (document.all) { document.all.style.visibility = 'visible';

Javascript

6390

show/hide layer

by: Merlin | last post by:

Hi there, I am trying to create a form with an dynamic field that can be shown or hidden. As I saw for example on google it is possible with JS to show a layer and move the content underneath that layer further down uppon showing this layer. When a person closes that layer the content underneath the layer moves up again and closes the empty space. How is this possible? I am playing around with some code I am posting with this thread....

Javascript

4164

show hide layer in IE and Mozilla

by: pamate | last post by:

hi, I want to show hide layers. I am able to show and hide layers but i am facing problem that, cant view the cursor in Mozilla,but i can type in input text box, its overlapping the layers. I don`t want to change the way i have used to show and hide layers. check down code :- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html...

HTML / CSS

3799

show pictures in IE correctly but in firefox browser picture is'n shown

by: oranoos3000 | last post by:

hi would you please help me i have a online shopping center that i show pictures of the my product in home page. in the InterExplorer pictures is shown correctly but in Firefox browser is shown properties alt in img tag istead of picture . place of the pictures is saved in the database(my database is with mysql) and in home page i fetch properties of the product and address of place that pictures is located output of the code in the...

HTML / CSS

8332

Changing the language in Windows 10

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,...

Windows Server

8746

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

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...

Online Marketing

8627

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

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...

General

6179

Access Europe - Using VBA to create a class based on a table - Wed 1 May

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 presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

4175

Trying to create a lan-to-lan vpn between two differents networks

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...

Networking - Hardware / Configuration

4335

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

2750

transfer the data from one system to another through ip address

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 we have to send another system

C# / C Sharp

1975

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

1737

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

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...

General