473,221 Members | 2,041 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.

FF -> Safari/Opera Float inconsistency

Hey hi....

I get this weird inconsistency in Firefox using floats.

I made this little demo of it wich u can find here:
http://tweed.xs4all.nl/demo/fffloats/

Now the ? Question mark should be in the grey bar, as it is in Safari and
Opera however in FF it's floating beneath it.

Anybody know of a workaround / fix?

Tia
Immo

Aug 15 '07 #1
6 2252
In article <C2*****************@spam.nl>, Wouter <st**@spam.nl>
wrote:
Hey hi....

I get this weird inconsistency in Firefox using floats.

I made this little demo of it wich u can find here:
http://tweed.xs4all.nl/demo/fffloats/

Now the ? Question mark should be in the grey bar, as it is in Safari and
Opera however in FF it's floating beneath it.

Anybody know of a workaround / fix?
First things first. Why don't you first fix up all the errors.
Use the W3C validation service. Using one id more than once on a
page, not closing things properly. Take a look.

btw, I suggest you use 4.01 Strict.

--
dorayme
Aug 15 '07 #2
Fixed, but the problem remains...
On 15-08-2007 11:21, in article
do**********************************...ptusnet.com.au, "dorayme"
<do************@optusnet.com.auwrote:
In article <C2*****************@spam.nl>, Wouter <st**@spam.nl>
wrote:
>Hey hi....

I get this weird inconsistency in Firefox using floats.

I made this little demo of it wich u can find here:
http://tweed.xs4all.nl/demo/fffloats/

Now the ? Question mark should be in the grey bar, as it is in Safari and
Opera however in FF it's floating beneath it.

Anybody know of a workaround / fix?

First things first. Why don't you first fix up all the errors.
Use the W3C validation service. Using one id more than once on a
page, not closing things properly. Take a look.

btw, I suggest you use 4.01 Strict.
Aug 15 '07 #3
rf

"Wouter" <st**@spam.nlwrote in message news:C2*****************@spam.nl...
Fixed, but the problem remains...
>>http://tweed.xs4all.nl/demo/fffloats/
FF is getting it right.
Floated elements must be positioned (in the source) _before_ the content
that flows around them.

Don't use XHTML.
Don't use transitional.
Use HTML 4.01 strict. Google for details.

--
Richard.
Aug 15 '07 #4
Tx, changing the position did help.

Now on the xhtml/html discussion, can I use self closing tags like in xhtml?

Or do I have to plough thru all my files removing the />'s?


Aug 15 '07 #5
Rik
On Wed, 15 Aug 2007 12:55:06 +0200, Wouter <st**@spam.nlwrote:
Tx, changing the position did help.

Now on the xhtml/html discussion, can I use self closing tags like in
xhtml?
No.
Or do I have to plough thru all my files removing the />'s?
A decent editor can do a search/replace in all files quite quickly.
--
Rik Wasmus
Aug 15 '07 #6
On 2007-08-15, rf <rf@invalid.comwrote:
>
"Wouter" <st**@spam.nlwrote in message news:C2*****************@spam.nl...
>Fixed, but the problem remains...
>>>http://tweed.xs4all.nl/demo/fffloats/

FF is getting it right.
No, FF is getting it slightly wrong I think.
Floated elements must be positioned (in the source) _before_ the content
that flows around them.
Depends what you mean by "before". They cannot go higher than the inline
content that immediately precedes them [1], although they might end up
to the left or right of it.

Provided that they don't go higher, they should be aligned to the top of
the line box of the inline content preceding them. Requirement [1] isn't
possible to satisfy if the presence of the float itself causes the line
to break before the preceding inline content, so in such cases the float
has to go a line down.

FF and IE7 both simplify things by always putting the float on the next
line anyway. Opera and Safari stick closer to the specification however.

I think that's what we're seeing here.

It was discussed in more detail here:

http://groups.google.co.uk/group/com...ca7ff30af444fd

or

http://tinyurl.com/28hb4c
Aug 15 '07 #7

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

Similar topics

1
by: Kyle James Matthews | last post by:
Hello, I am curious if any of you have a solution to a problem I am having on this page: <http://www.digitalovertone.com/new/index2.php>. The navigation bar displays correctly on every browser...
1
by: Mark Tranchant | last post by:
Argh. I've no idea where to start with this one. Take a look at: http://tranchant.plus.com/notes/cable-wrap The problem occurs on all pages, but you need a fairly long page to demonstrate it....
4
by: William Tcherust | last post by:
I'm volunteering for this site using CSS, but Safari 1.2.4 and Opera 6.0 are not rendering my stylesheet as intended. Even though I did most of the job, there's still a bug that I just can't work...
10
by: Andrew | last post by:
I'm developing a site using CSS layout. One of the main divs contains the content, another contains the side bar. I want the content next to the sidebar so the content is floated left and the...
4
by: Jim West | last post by:
Both int a; std::complex<float> b; std::complex<float> c = static_cast<float>(a)*b; and int a; std::complex<float> b;
1
by: agatha.life | last post by:
I did a javascript for the loading of images (I didn't want to have the images loaded in "on loading" because they are too many). The website is for a model and if you look at the codeof pages (...
1
by: amyinba | last post by:
I'm very new to this website design and following along Elizabeth Castro's book to learn. When I apply a local style to an image the visual effect relays in Dreamweaver CS3 (9.0) with no errors in...
5
by: John | last post by:
Hi Suppose I want a header containing an image floated left and a list of horizontal links floated right. So I float the image left. I then do the following with the list: ul = float:...
2
by: luftikus143 | last post by:
Hi there, I am building a small WebApp, and using a list to display country values for a specific variable. It should be like Country A 10 Country B 4 Country...
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: mar23 | last post by:
Here's the situation. I have a form called frmDiceInventory with subform called subfrmDice. The subform's control source is linked to a query called qryDiceInventory. I've been trying to pick up the...
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: 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
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...

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.