473,320 Members | 2,104 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,320 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 1563
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...
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: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
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...
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: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

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.