473,221 Members | 1,824 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,221 software developers and data experts.

float problem in Gecko browsers

Hello all,

I am currently working on a 2 column layout in which the smaller column
is fixed at 100px, and the larger column takes up the remaining space.
In Gecko browsers (Firefox, Netscape, Mozilla) sometimes the smaller
columns juts out to the right of the container 1px, and sometimes
doesn't reach the end by 1px. You can observe the phenomenon at
http:/www.digitalovertone.com/examples/floatprob.php. All the CSS is in
the header. Observe how the problem disappears or reverses as you
resize the window. This doesn't happen in IE, Opera, or Safari, but
does appear to occur on Gecko browsers on Windows and Mac.

Any thoughts on how to correct this?

Many thanks,

Kyle
Jul 21 '05 #1
3 1561
Kyle Matthews <pa*******@hotmail.com> wrote:
http:/www.digitalovertone.com/examples/floatprob.php.


Putting up invalid code forces us to first correct your errors to see if
there's a relation to the problem, do this yourself *before* asking for
help:

http://validator.w3.org/check?uri=ht.../floatprob.php

--
Spartanicus
Jul 21 '05 #2
Spartanicus wrote:
Putting up invalid code forces us to first correct your errors to see if
there's a relation to the problem, do this yourself *before* asking for
help:


Right you are. The closing </html> tag has been added (I know it's a
matter of principle, but was it even a *possibility* that this was the
problem?). Apologies for forcing you to correct my errors. You will
hopefully forgive a frustrated user for copy-and-pasting a little
hastily. Or perhaps you won't - I had forgotten how deliciously
aggressive Usenet can be.

All is correct and valid now, but the problem still exists. I ended up
taking the layout I was working on in a different direction, but I am
still interested in this effect if anyone knows anything. It's possible
it has nothing to do with CSS at all and is simply a browser quirk.

Kyle
Jul 21 '05 #3
Kyle Matthews <pa*******@hotmail.com> wrote:
Putting up invalid code forces us to first correct your errors to see if
there's a relation to the problem, do this yourself *before* asking for
help:
Right you are. The closing </html> tag has been added (I know it's a
matter of principle, but was it even a *possibility* that this was the
problem?).


Unlikely, but it prevented us from checking your css for errors (the w3c
css checker refuses to run on invalid xhtml).
All is correct and valid now, but the problem still exists. I ended up
taking the layout I was working on in a different direction, but I am
still interested in this effect if anyone knows anything. It's possible
it has nothing to do with CSS at all and is simply a browser quirk.


It's a Gecko quirk triggered by the reduced width of "container" the
nested float and the "margin:0 auto" set on "container".

Next time reduce an issue down to the minimum, this helps you to see
what's going on, you won't waste other people's time when you ask for
help, and it helps when submitting it as a bug.

You can submit this:
http://homepage.ntlworld.com/spartan...ofloatprob.htm
as a bug @ Mozilla. (copy to your own web space first)

--
Spartanicus
Jul 21 '05 #4

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

Similar topics

1
by: trialanderror | last post by:
I've been happily chugging along thinking I understood floating divs and now find that I know a lot less than I thought I did. And the more I try "fixing" things, the worse it gets. A lot of what...
13
by: TheKeith | last post by:
Is it just me or does opera and ie not render the float style properly? IE does a sucky job at it, but opera makes a total mess; Mozilla/Firefox renders it correctly however. I'm just trying to be...
2
by: Rainer Birkenmaier | last post by:
Hi Folks, I have 2 little problems: 1) http://birkenmaier.org/b.php IE 6.0 does something weired here: in the red box the first lines of text have a slight indet (2 or 3 pixels only). This...
2
by: Rainer Birkenmaier | last post by:
Hi again, This float-thing with IE is really killing me ... anyway here two new questions: 1) Check out http://birkenmaier.org/a.php If you display this using IE the margin between the...
2
by: Daniel Déchelotte | last post by:
Hi crowd, Please have a look at this page, where I try to have a framed block next to a floated one: http://yo.dan.free.fr/float_n_div.html Above is the best result I got so far. Works in...
18
by: day | last post by:
I know I've seen this issue described before, but I can't find it, or the solution now that I need it. I have some css-specified floating divs that contain images or text. The text divs have a...
8
by: SAN CAZIANO | last post by:
i have to do in the onkeypress or in onchange the float (real) field validation I try something: function ValidaCampo(nomeCampo,TotInteri,TotDecimali) {...
6
by: Jim Lawton | last post by:
I am trying to achieve a simple page layout using only divs and css. I know that people bad mouth IE for non-conformance, but in this case IE's(6.0)behaviour is entirely the way I expect, and Gecko...
11
by: Dennis | last post by:
Please bear with me ... I am a newbie to DIVs. Why does the following work in IE6, but not in NS7? ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> ><HTML> > ><HEAD> > <META...
1
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
0
by: veera ravala | last post by:
ServiceNow is a powerful cloud-based platform that offers a wide range of services to help organizations manage their workflows, operations, and IT services more efficiently. At its core, ServiceNow...
0
by: VivesProcSPL | last post by:
Obviously, one of the original purposes of SQL is to make data query processing easy. The language uses many English-like terms and syntax in an effort to make it easy to learn, particularly for...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
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"....

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.