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

Opera CSS sizing problem with floating elements

I have a webpage that is working great in IE and Firefox but is having issues in Opera Version 9.26. I have the CSS controlling the size of the right panel of the page to match the size of the content panel. It works in Opera on all pages except for ones where any items in the content part of the page are floating. Does anyone have any idea why the right panel is not sized correctly in Opera when there are floating elements? Any thoughts or suggestions would be greatly appreciated!

You can view the webpage and source at http://www.allstarcomputerco.com/tem...tmosphere.html. (FYI: none of the navigation links will work)

Thanks!

Juanton

P.S. It will size correctly sometimes. I noticed that it sizes correctly most of the time when it loads from the web, when it would almost never size correctly when I accessed it from local host (from the same computer). Even more perplexing to me.
Mar 26 '08 #1
2 1419
Death Slaught
1,137 1GB
I tried it 15 times and it looks fine to me. Matches up perfectly.

Thanks, Death
Mar 27 '08 #2
I also am unable to replicate the problem using the refresh button in Opera, but if I load the page and select the address in the address bar, and then press enter, it will usually size the panel incorrectly. Hopefully someone else is able to replicate this problem so I don't sound crazy! (By the way, it fails almost every time, regardless of how I load the page, from the localhost)

Where CSS is a client side scripting language, I don't understand how it could render the page incorrectly from the localhost and correctly from the web from the same Opera browser, both open at the same time in separate tabs. From my observation it seems that since the page loads almost instantaneously from the localhost that it mis-sizes the panel, whereas when it has to reload the page from the web, the slight delay causes it to render properly.

If anyone is able to replicate this problem using the above steps in Opera, please let me know, even if you don't have any suggestions. And especially if someone has some thoughts on this problem, please let me know. Thanks-

Juanton
Mar 27 '08 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

1
by: J.Storta | last post by:
Prior to using style sheets, I used tables to lay out my pages. I always used percentages when specifying widths so that the page would fit nicely in the browsers regardless of the size of the...
0
by: Philipp Lenssen | last post by:
Nothing major here. CSS Fixes of Opera 7-5 Preview http://snapshot.opera.com/windows/w750p4.html "Improved CSS support - Fixed bug where floating elements with clear: both CSS would...
4
by: The Master | last post by:
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...
3
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...
5
by: PhilM | last post by:
I am attempting to have a floating image below page content, but above <body> In order to get this to work with mozilla+opera, am I required to have all page content set at z-index>(some...
6
by: Timo | last post by:
I have this list of checkboxes displaying properly in Opera and IE, but cannot get it in Firefox. For some reason, in FF, the checkboxes creep farther and farther to the right across the page,...
10
by: patrick j | last post by:
Hi I'm wondering why my horizontal navigation lists don't align at the left in Opera as they do in IE6, IE7, Safari, Firefox and iCab? A URL with both of the horizontal lists is here: ...
6
by: BMc | last post by:
So, as per Beauregard's suggestion, I have delved into the world of percentages and more fluid design for my next project. I am going along okay so far and have already determined that I will be...
15
by: dhtml | last post by:
Title says it. If I use a for in loop on an HTML collection, I get length twice. <!DOCTYPE HTML> <html lang="en"> <head> <title>length twice</title> </head> <body> <form...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
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...

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.