473,770 Members | 1,973 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 2275
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************* *************** **...usnet.co m.au, "dorayme"
<do************ @optusnet.com.a uwrote:
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.nlwr ote 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.nlwr ote:
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.com wrote:
>
"Wouter" <st**@spam.nlwr ote 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
2185
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 I have tested (IE5, IE5.5, IE6, NN6, NN7, Mozilla 1.7, FireFox0.8) except Opera, which refuses to respect my "float:right" rule (I think). Any solutions? Alternatively, is there a better way to achieve this same effect? I tried to do it...
1
2629
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. I've recently added dynamically-generated next/prev/up/start links, and a few "common" links to the header bar. Works fine in Firefox (fixed header) and IE (non-fixed header).
4
2469
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 around yet. Here the link: http://www.vinculando.org/en/fairtrade/globalfairtrade.htm and here the CSS code: http://www.vinculando.org/library/screen.css I guess the problem may be over here: #links {
10
5434
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 sidebar is floated right. This looks fine is Firefox and IE but doesn't in Opera ( Opera 6 screenshot - http://www.browsercam.com/projects/171753/3119279.jpg ). I can't find any reference to any bugs in Opera that would cause it to behave like this,...
4
5038
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
3406
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 ( for ex. http://www.agathamoon.com/gallery_48_eng.htm ) using explorer or firefox it works, with safari it doesn't! :( The idea is to have the word "loading" appearing while going from an image to another.
1
1086
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 validation or browser compatibilty. But when I open the file in Safari or Opera the local style effects do not relay. In fact, the previous style:text/css set at the top of the page doesn't show. Anyone know why? Here's how I wrote it: THIS I...
5
15584
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: right li = display: inline li a = display: block; float: left
2
4533
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 C 125 So, what I have in CSS is this:
0
9618
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10259
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10101
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10038
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
9906
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
5354
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5482
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4007
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3609
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.