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

Mozilla 1.7 float bug with clear: both?

Hi all...

I'm working on a site that is show up a strange float bug (shocking I know)
using Mozilla 1.7.

You can see the problem here:

http://www.marieosmond.com/Catalog1.aspx?coll=Y&page=2

This is how it should work: (but it's fluke luck, not, apparently, design)

http://www.marieosmond.com/Catalog1.aspx?coll=Y&page=2

What confuses me is not that missing graphics (different problem), but the
fact that I have several thumbnails, all surrounded by a div. That div is
float: left. I then stack 5 of these.

After 5 I throw in a div styled with clear: both; to break for the next 5.

Yet, I still get images that "hang" if some of the thumbnails are taller
than the others.

This also seems to "not work" on Safari, yet it "works" on IE 6.

Any hints why my <div style="clear: both;"></div> does not break my line
here?

I REALLY don't want to use tables here, but I can't seem to predictably get
my line to break.

Thanx for any tips.

Regards,

Will Hartung
(wi***@msoft.com)


Jul 21 '05 #1
7 3825
On Tue, 1 Feb 2005 14:52:26 -0800, "Will Hartung" <wi***@msoft.com>
wrote:
I'm working on a site that is show up a strange float bug (shocking I know)
using Mozilla 1.7.


[...]

Me thinks your assumption of "bugs" in MZ is wrong.

http://validator.w3.org/check?uri=ht...3DY%26page%3D2

"Character Encoding mismatch!
The character encoding specified in the HTTP header (utf-8)
is different from the value in the <meta> element (iso-8859-1).
I will use the value from the HTTP header (utf-8) for this
validation."

"No DOCTYPE Found! Falling Back to HTML 4.01 Transitional"

"Render Mode: Quirks mode"

Fix your markup first, then you may want to ask again.
Jul 21 '05 #2
i've put this in your stylesheet:

..spacer {clear:both;height:10}
and the images fitted.
I think it's because, if your div is empty, and has nothing about
dimensions, it just doesn't appear or make strange things. you could
also make <div class="spacer">.</div>, or something ...
try that.

Jul 21 '05 #3
joeZ wrote:

.spacer {clear:both;height:10}


I suggest you validate your code before posting it to the group. It will
save you some embarassment, if nothing else.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Jul 21 '05 #4
joeZ wrote:
i've put this in your stylesheet:

.spacer {clear:both;height:10}
and the images fitted.
I think it's because, if your div is empty, and has nothing about
dimensions, it just doesn't appear or make strange things. you could
also make <div class="spacer">.</div>, or something ...
try that.


'height:10'

No unit identifier specified in value which is required in a stylesheet,
only after a zero length is the unit identifier is optional.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Jul 21 '05 #5
"joeZ" <jz*****@gmail.com> wrote in message
news:11**********************@g14g2000cwa.googlegr oups.com...
i've put this in your stylesheet:

.spacer {clear:both;height:10}
and the images fitted.
I think it's because, if your div is empty, and has nothing about
dimensions, it just doesn't appear or make strange things. you could
also make <div class="spacer">.</div>, or something ...
try that.


Thanx for the tip Joe. I don't know why I didn't think of that.

I "fixed" it by using absolute positioning for the boxes, I've had
consistent results with that, and it worked pretty well. This site is as
rigid as the Sears Tower anyway, so it was an easy leap to make.

Thanx again Joe!

Regards,

Will Hartung
(wi***@msoft.com)
Jul 21 '05 #6
Sorry for the 'px'. I just assumed anybody could realise that. I know
about the units, I just tried it quick on my mozilla, it worked, and I
said it.
I mean, that 'code' was not meant to be on a page, it was an example, I
did it just for 'saving' the typing of two letters.

Jul 21 '05 #7
joeZ wrote:
Sorry for the 'px'. I just assumed anybody could realise that. I know
about the units, I just tried it quick on my mozilla, it worked, and I
said it.
I mean, that 'code' was not meant to be on a page, it was an example, I
did it just for 'saving' the typing of two letters.

Understand, just some folks don't know and try things like width: 300;
and cannot figure out why their divider did not size correctly! ;-)

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Jul 21 '05 #8

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

Similar topics

2
by: Robert William Vesterman | last post by:
I'm having problems with the display of forms, using CSS, in Mozilla Firebird (and probably other Mozilla-based browsers). I have boiled it down to a fairly small example page, which not only...
9
by: Johannes Koch | last post by:
Hi, <http://www.fit.fraunhofer.de/~koch/float_prob/> Is there a way to make Mozilla not to push the red image on top of the menu on the left when the viewport's width is very small? Opera,...
21
by: Applebrownbetty | last post by:
Hi, I've run into a problem with IE 6 vs. Mozilla when displaying a completely CSS positioned page, and was wondering if any resident CSS guru might quickly be able to find the problem(s). Thank...
6
by: Quintus Snapper | last post by:
Hi everyone. I'm just making new HTML pages for a site. This time round I've brushed up on my CSS and trying to use as much of it as possible and as well as trying to keep it W3C compliant. So...
5
by: Mathias Schreiber [wmdb] | last post by:
Hello list, I am quite new to the whole concept of CSS2 driven websites and am now stuck a bit. Take a look: http://www.pudaluda.com/fileadmin/templates/pudaludabarrierefrei.htm This page...
5
by: Andrey Tarasevich | last post by:
Hello Consider the following simple piece of HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html style="width: 100%; height: 100%"> <body...
3
by: Jannette | last post by:
I've got this to finally work in IE (its only taken me 2 days solid), but now mozilla isn't displaying the text on the same line as the image. I'm a newby at CSS, and I've think I've worked on trying...
1
by: archanapradhan2005 | last post by:
Hi, I have a line and its not vertically shifted in mozilla but when i change the radio button the line vertically shifed .So can u suggest what to change in code. ...
14
by: Inny | last post by:
Im using This nifty code that works Great in IE but not so great in Mozilla, In ie if you add an image, the sidenote fits around it, but in mozilla the image just sits over the top. please help ...
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: 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
by: jimatqsi | last post by:
The boss wants the word "CONFIDENTIAL" overlaying certain reports. He wants it large, slanted across the page, on every page, very light gray, outlined letters, not block letters. I thought Word Art...
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: 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
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...

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.