473,287 Members | 1,674 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,287 software developers and data experts.

display:block and scrolling overflow width problem

Hi,

Im trying to learn CSS and putting a website in effect. Just getting
used to DIV's and SPAN's and using the proper formatting of H1 H2 H3 etc
to format HTML documents and using different stylesheets to control
formatting.

So far it's going pretty well, and Im just ripping up everything I knew
about tables and starting with DIV's. Though I seem to be having a hell
of a time working with padding and margins, then trying to realise if I
add a one pixel border, then a div I give a width of 150px to, will
actually be, 152px width including the border.

I dunno. Anyhow, i think what I have is a pretty good working model now.
Not the best, but not bad for a first attempt (seems CSS has an initial
shallow learning curve that anyone can pick up how to apply different
fonts, then an incredibly steep learning curve if you want to use it
properly).

Now Im just dumbfounded by the differences between IE and FireFox and I
was hoping maybe someone can help.

http://www.acutec.co.uk/test/s3/home.php

First of all, in Firefox, the menu on the left. Looks good. Doesn't use
JavaScript but if you click on say the About Us Link and drag to the
right, the content shifts.

I have had to do this, Im not quite sure what I did, but the roll overs
weren't working in Internet Explorer, only when the mouse was waved over
the link. I think it involved changing the width of the a element to 100%

Which then seemed to work, but the consequence, there was extra space
showing over the edge after the 175 width I had initially asked for on
the div container.

So I kind of fixed this momentarily with overflow:hidden; on the div,
but I didn't notice the scrolling until now.

Im looking for guidance and a fix if at all possible.

Any ideas?

Thanks
Simon
Feb 3 '06 #1
1 6335
Think I may have sussed it, but a more seasoned developers advice would
be much appreciated:

#menu>ul>li>a.itemon { /* ie win cannot correctly parse child selector
rule */
width:auto;
}

#menu>ul>li>a.item { /* ie win cannot correctly parse child selector rule */
width:auto;
}

#menu { /* take advantage of underscore hack bug to not show clipped
data in ie*/
_overflow:hidden;
}
The width settings should in theory reset the width of the links for
Firefox/Mozilla, I've removed the overflow:hidden from the #menu div and
applied it down here only fo IE. This seems to make both work...

Firefox:
Width:auto; overflow:visible;

IE:
width:100%; overflow:hidden;
Feb 3 '06 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
by: Jeff Thies | last post by:
I'm trying to do a nav list using list items. Roughly this is putting links styled display: block and with a background color. In IE5 (windows, haven't tried Mac yet), adding the display:...
18
by: David Morris | last post by:
G'day. Is there a known "display:block;" problem in opera? In playing around trying to get some cross browser conformance, I either inadvertently or redundantly (depending on your perspective)...
7
by: Marc | last post by:
Hi everyone. I am having trouble with a stylesheet in mozilla. It is part of turning a list into a menu: #menu li{ margin: 0; display: inline; vertical-align: bottom;
6
by: Sandman | last post by:
I'm having some problem here... I have a javascript I've downloaded that goes through all PNG files and enables the transparency channel in them for IE5.5+ by converting them to SPAN layers with...
6
by: dee | last post by:
Here is a a list of my hyperlinks in my home page: <A class="theclass" href="Default.aspx">Home</A> <A class="theclass" href="Search.aspx">Search</A> <A class="theclass"...
2
by: ruby_bestcoder | last post by:
Hi Im having problem in firefox with display:none/block. I have essentially 3 li elements. In each element there are a few nested div:s. Clicking on one of the divs, makes another div to...
25
by: Dave | last post by:
Hello. In trying to get an anchor element to stylistically match an input or button element, I find that the button and input cannot be styled according to the 2.1 CSS spec. For example, I...
7
by: Janis | last post by:
I try to understand what could be the source of a problem with displaying and hiding rows of tables using display:block/none. I've read selfhtml but could not find any hint about that. Any...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: marcoviolo | last post by:
Dear all, I would like to implement on my worksheet an vlookup dynamic , that consider a change of pivot excel via win32com, from an external excel (without open it) and save the new file into a...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.