I'm not sure if this is a style sheet issue or a Javascript issue.
I'm trying to work out a new design for my software's control panel.
The idea is that there are images on the left that you click and that
as you do, DIVs with option links appear and disappear on the right.
Because I want each of the DIVS to appear in the same place, I use
Javascript to set their padding and their height to 0px when they are
invisible. This is working the way I wish in Netscape 7.1 but it is
not working the way I want in IE. Can anyone give me a hint about why?
Go here: http://publicdomainsoftware.org/desi...ntrolPanel.php
You'll need a username and password to get in, please use these
values:
username: designer
password: designer123 7 1026
lawrence wrote: I'm not sure if this is a style sheet issue or a Javascript issue.
I'm trying to work out a new design for my software's control panel. The idea is that there are images on the left that you click and that as you do, DIVs with option links appear and disappear on the right. Because I want each of the DIVS to appear in the same place, I use Javascript to set their padding and their height to 0px when they are invisible. This is working the way I wish in Netscape 7.1 but it is not working the way I want in IE. Can anyone give me a hint about why?
Did you try not setting the height to 0, and using absolute positioning?
That works in my ie6, netscape7.2, firefox 0.9.
mscir wrote: Did you try not setting the height to 0, and using absolute positioning? That works in my ie6, netscape7.2, firefox 0.9.
He can also try using display: none/'' instead of visibility:
hidden/visible.
When elements are not displayed (display: none) they take up zero space
in the page. Using absolute position 0 inside another relatively
positioned div also locks their position.
Cheers, Fred.
mscir <ms***@access4l ess.net> wrote in message news:<10******* ******@corp.sup ernews.com>... lawrence wrote: I'm not sure if this is a style sheet issue or a Javascript issue.
I'm trying to work out a new design for my software's control panel. The idea is that there are images on the left that you click and that as you do, DIVs with option links appear and disappear on the right. Because I want each of the DIVS to appear in the same place, I use Javascript to set their padding and their height to 0px when they are invisible. This is working the way I wish in Netscape 7.1 but it is not working the way I want in IE. Can anyone give me a hint about why?
Did you try not setting the height to 0, and using absolute positioning? That works in my ie6, netscape7.2, firefox 0.9.
Yes, absolute positioning would work, but it's inflexible. When we
asked our users what they liked and hated about early versions of the
software, one complaint was that everything was stuck on the left side
of the screen. So we decided to center the controls. We keep the width
to under 800 pixels because 50% of internet users have computers that
won't go beyond 800 pixels. But we've centered it and now it floats in
the center. Absolute positioning would take us back to our original
design.
Fred Oz <oz****@iinet.n et.au> wrote in message news:<41******* *************** *@per-qv1-newsreader-01.iinet.net.au >... mscir wrote:
Did you try not setting the height to 0, and using absolute positioning? That works in my ie6, netscape7.2, firefox 0.9.
He can also try using display: none/'' instead of visibility: hidden/visible.
When elements are not displayed (display: none) they take up zero space in the page. Using absolute position 0 inside another relatively positioned div also locks their position.
Hot tip! And this will work for both IE and Netscape and FireFox, and
all the others?
On 1 Oct 2004 00:47:19 -0700, lawrence <lk******@geoci ties.com> wrote:
[snip] Hot tip! And this [using the display property] will work for both IE and Netscape and FireFox, and all the others?
All browsers that support CSS 1 and setting the display property, yes.
That excludes NN4[1] (if you care).
Mike
[1] NN4 uses the visibility property, but in a non-standard way. It would
also require layers or absolutely positioned DIVs.
--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.
mscir <ms***@access4l ess.net> wrote in message news:<10******* ******@corp.sup ernews.com>... lawrence wrote: I'm not sure if this is a style sheet issue or a Javascript issue.
I'm trying to work out a new design for my software's control panel. The idea is that there are images on the left that you click and that as you do, DIVs with option links appear and disappear on the right. Because I want each of the DIVS to appear in the same place, I use Javascript to set their padding and their height to 0px when they are invisible. This is working the way I wish in Netscape 7.1 but it is not working the way I want in IE. Can anyone give me a hint about why?
Did you try not setting the height to 0, and using absolute positioning? That works in my ie6, netscape7.2, firefox 0.9.
For various reasons I can't use absolute positioning. I need to keep
the design flexible. I need to find a way to make the design work in
IE with normal flow.
lawrence wrote:
<snip? For various reasons I can't use absolute positioning. I need to keep the design flexible. I need to find a way to make the design work in IE with normal flow.
How about this approach, works on my IE 6, Netscape 7.2:
1. create a new div, insert it immediately after the "options div" and
before the unnamed no-id'd div.
</div> <!-- options -->
<div id="content_div "></div>
<div style="width:47 5px; float:right;"> <!-- un-named no-id'd div -->
2. content_div css:
#content_div {
background-color: #ffffff;
float: right;
padding: 0px;
width: 475px;
position: relative;
margin-left: 50px; /* adjust horiz position */
margin-top: 50px; /* adjust vert position */
visibility: hidden;
}
3. use this function to copy the content you want into it and make it
visible:
function makeVisible(nam eOfDiv) {
var targetdiv=docum ent.getElementB yId('content_di v');
var divname=documen t.getElementByI d(nameOfDiv);
targetdiv.inner HTML=divname.in nerHTML;
targetdiv.style .visibility='vi sible';
}
</script>
4. related div css:
#weblogs,#entri es,#newsletters ,
#images,#files, #comments,#link s,#members,#des ign,#settings,# categories,#oth er
{
position: relative;
visibility: hidden;
background-color: #ffffff;
padding: 8px;
width: 475px;
}
Will that work for you?
Mike This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Eric |
last post by:
According to my book, the padding property is defined for all elements.
However, when I set the property for the element <A>, only the left the
right padding is applied and not the top and bottom padding.
I checked a couple of other browsers and couldn't find any that
implemented top and bottom padding for the <A> element, assuming I have
done it correctly.
#bar A
{
|
by: AGChandler |
last post by:
Hi,
I have a div (class = "brands") containing other divs, each of which
contains an image. I'm trying to set padding around the images, and my
style seems to work okay on all but Explorer (I'm using v.6). The style is
worded as follows:
..brands img {margin-left: 200px; padding: 10px;}
It looks great on Netscape, but there's no padding on Explorer. What can I
|
by: Stanimir Stamenkov |
last post by:
Here are two cases regarding inline-level elements' line-height,
padding and background, which I doesn't understand:
<div style="background: black; color: white; line-height: 1.5">
<span>Abc</span>
<span style="background: white; color: black; line-height:
3">Abc</span>
<span>Abc</span>
</div>
|
by: Toronto Web Designer |
last post by:
I'm having trouble with the padding and margin properties. IE tends to be
happier with the padding and Netscape with the margin property.
So I tried this:
<link href="netscape-styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
@import url(ie-styles.css);
</style>
|
by: Knoxy |
last post by:
Hello, I've noticed one or two people post on this before but nobody
seems to have replied so raising the issue again... is this a known
IE6 CSS bug?
I have placed the following in my stylesheet file:
..formContentTable
| |
by: lawrence |
last post by:
I'm not sure if this is a style sheet issue or a Javascript issue.
I'm trying to work out a new design for my software's control panel.
The idea is that there are images on the left that you click and that
as you do, DIVs with option links appear and disappear on the right.
Because I want each of the DIVS to appear in the same place, I use
Javascript to set their padding and their height to 0px when they are
invisible. This is working...
|
by: |
last post by:
Hi there,
the following works perfectly in Opera and Netscape, but not IE. Is this a
known problem? I have a table defined with the following definition:
table {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
|
by: Becky Carter Hickman-Jones |
last post by:
Hi,
I have a simple script that opens an image in a new window which is sized to
the image. The script is as follows: <a title="xxx"
onclick="window.open('http://www..com/photos/xxx.jpg','height=xxx,
width=xxx');return false" href="#">link text</a>
This script works very well for my needs, however, in IE6, the resulting
opened window has unnecessary padding on the top and left sides of the
image, which pushes the image down and to the...
|
by: D. Alvarado |
last post by:
Hello,
I am trying to open a window containing an image and I would like
the image to be flush against the window -- i.e. have no padding or
border. Can I make this happen with a single call to a window.open
function? I would prefer not to create a separate HTML page. So far
all I have is the basic
var cwin = window.open('images/KJV-THANKS.gif',
'Thanks', 'width=243,height=420,');
cwin.focus();
|
by: John Messenger |
last post by:
I notice that the C standard allows padding bits in both unsigned and
signed integer types. Does anyone know of any real-world examples of
compilers that use padding bits?
--
John
|
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: 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: 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...
|
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 then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
| |
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.
| |