473,568 Members | 2,986 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

why will it not float in opera 7.5?

Why will the unordered list not float in opera 7.5 unless a
fixed/liquid width is applied to the unordered lists containing block?

Then on the same token why does specifying a fixed/liquid width on the
containing block then cause the floating to brake in safari 1.2 (it
also brakes it in opera 4-6, hence the reason I use a sudo-element not
recognized by opera 4-6 so it doesn't apply the fixed/liquid width)?

http://www.goldhilmedia.com/showbug/showbug.html
http://www.goldhilmedia.com/showbug/css/showbug.css

Sincerely,
The Master
Jul 20 '05 #1
4 2138
The Master wrote:

Why will the unordered list not float...

http://www.goldhilmedia.com/showbug/showbug.html
http://www.goldhilmedia.com/showbug/css/showbug.css


I think you might be making this more complicated than it needs to be.

Why don't you draw a mockup of what you want it to look like, preferably
in context? I can't quite grasp what you're trying to accomplish or the
browser issues from your explanations.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Jul 20 '05 #2
kchayka <us****@c-net.us> wrote in message news:<2m******* *****@uni-berlin.de>...
I think you might be making this more complicated than it needs to be.

Why don't you draw a mockup of what you want it to look like, preferably
in context? I can't quite grasp what you're trying to accomplish or the
browser issues from your explanations.


Ok here is what the final page looks like on every browser I tested in
(ie 5.0, ie 5.5, ie 6.0, firefox, moz 1.0, moz 1.4, netscape 6,
ie5.2mac, opera4-6):

http://www.goldhilmedia.com/showbug/finalproduct.jpg

Except opera 7.5 and/or safari 1.2 depending on if I have this css
declaration or not:

head:first-child+body #bc ul { width:72%; }

When the declaration is there it works in opera 7.5 but not in safari
1.2. On the other hand if its not there it works in safari 1.2 but not
opera 7.5.

I discovered that the above declaration was the cause of the weird
display after I went through and deleted css code until I found the
one causing it. The file
http://www.goldhilmedia.com/showbug/css/showbug.css is a version of
the file with most of the code striped out.

head:first-child+body #bc ul { width:72%; }

I had original used this declaration to make the Bread Crumb section
to float in opera 7.5 because, for whatever reason it would not float
the list unless it was given a specified width.

Then when I final got around to testing it in Safari I discovered that
the very declaration that I used to fix the floating issue in Opera
7.5 caused the floating to brake in Safari as it does in opera 7.5
without the declaration.

The interesting thing to note, is if I had just used

#bc ul { width:72%; }

Not only would it brake in safari 1.2 but also in opera 4-6 (but
instead of not floating any of the list items, it only floats the
first two list items and doesn't allow the last item to float). That
is why I used the head:first-child+body selector since opera 4-6
doesn't support the sudo-class :first-child thus effectively hiding
the declaration from opera 4-6.

Sense I posted this question I discovered that even
head:first-child+body #bc ul { width:72%; } doesn't completely fix the
problem in opera 7.5, because as soon as I hit a certain character
length in the middle section of the bread crumb it causes the final
item to not float. I just didn't notice it before since by pure chance
the middle part was short enough to give me the appearance I had fixed
the issue in Opera 7.5.
Jul 20 '05 #3
The Master wrote:

Ok here is what the final page looks like on every browser I tested in

http://www.goldhilmedia.com/showbug/finalproduct.jpg

Except opera 7.5 and/or safari 1.2


Maybe I'm wrong, but I don't think an unordered list is the right markup
for a breadcrumb trail. Since your problem is with floats and this
particular multi-level list, it would simplify your code a lot if you
just used a plain old div instead.

my 2p.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Jul 20 '05 #4
kchayka <us****@c-net.us> wrote:
Maybe I'm wrong, but I don't think an unordered list is the right markup
for a breadcrumb trail.


It's perfectly appropriate if they are nested ULs.

--
Spartanicus
Jul 20 '05 #5

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

Similar topics

13
2518
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 a good boy following the html 4.01 strict spec, and taking it a step further by not using tables for layout, but it's becoming a real pain. You...
9
5396
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, Konqueror and WinIE render in a way I would like it to be. -- Johannes Koch In te domine speravi; non confundar in aeternum.
1
2173
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...
0
2267
by: The Master | last post by:
Ok I went through and deleted code until I discovered the culprit. I then went back to my original style sheet and removed the CSS declaration that caused the floating to brake in safari 1.2. Once I removed it, the floating worked as expected in safari, but broke it in opera 7.5. The interesting part is the style declaration that causes...
3
2297
by: Boris | last post by:
Please open http://www.highscore.de/opera/floatleft.html in Opera 7.54 and Firefox 1.0 Preview. Who is right? In my humble opinion Opera 7.54 is right: According to CSS 2.1 a "floating box must be placed as high as possible" (see http://www.w3.org/TR/CSS21/visuren.html#float-position rule #8). Do you agree? BTW, Internet Explorer 6...
2
5701
by: Dr. Richard E. Hawkins | last post by:
I've googled around, and asked everyone I know, but I still can't find any reference to anyone else having faced this particular IE bug with floats. I've put a page at http://dochawk.org/sample.html . This was made by stripping out the google ads from the regular pages. It validates as strict 4.01 at http://validator.w3.org. (The google...
6
12440
by: Viken Karaguesian | last post by:
Hello, Just wondering what the difference is between "float" and "align"? If I align a picture to the left, is that not the same as floating it? Can align and float be used together or do you use one or the other? Thanks for your replies... Viken
10
5418
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 -...
22
51449
by: ashkaan57 | last post by:
Hi, I am trying to put text on left and right side of the page and used: <div> <span>blah blah</span> <span style="float:right">blah blah</span> </div> The 2nd text does go to the right but the next line. What am I doing wrong? TIA.
0
7605
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
7962
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...
0
6277
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
1
5501
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
5217
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3631
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2105
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
1
1207
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
933
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

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.