9 replies [Last post]
Eniac
Eniac's picture
Offline
Regular
Ottawa, Canada
Last seen: 12 years 50 weeks ago
Ottawa, Canada
Timezone: GMT-5
Joined: 2006-04-19
Posts: 45
Points: 0

Hi all,

I'm done re-converting our site to a css layout and improved backward support. We support up to IE 5.0, which isn't so bad.

But! Opera is mocking me! it just wont listen to my float on the footer *shake fist*

Smile

I wish i could just point you to a url but we're intranet so you will have no such luck.

I will attach a saved view source. It validates with no errors but with some warnings, which we can't get rid of because the page is generated by .net.

I'm using a strict doctype:

the error is with the footer (see attached jpg)

since i cant upload zip ive attached what i know affect the footer.
the file base.txt is in fact base.css (had to rename it)

you mission, should you accept it, is to make the phantom of the opera vanish.

...ok, that was a poor joke Tongue

AttachmentSize
footer-op.jpg51.44 KB
footer-ie.jpg48.91 KB
loginpage.html15.08 KB
base.txt12.36 KB

'.___.' Doubt is not a pleasant
{o,O} condition, but certainty
/)__) is absurd. - Voltaire
-"-"-
O RLY?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Not surprised it's mocking

Not surprised it's mocking you when you make cheap jokes at the poor browsers expense, a browser, I should remind you, that is so technically advanced that it's able to render a smiley face; a feat, so far, unsurpassed by any other browser.

Course now I'm going to be damned as well for mocking.

Problem with this problem is that I can demonstrate no problem , and this is rather crucial to attempting to fix a problem.

Running that html file and the css styles embedded in the head showed the float footer and child elements as you intended and confirmed as identical in IE6, so not sure where to go with this one for the moment other than to enquire as to what version of Opera you are using? I tested on 9.10 (not the latest, but close.)

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Eniac
Eniac's picture
Offline
Regular
Ottawa, Canada
Last seen: 12 years 50 weeks ago
Ottawa, Canada
Timezone: GMT-5
Joined: 2006-04-19
Posts: 45
Points: 0

9.02

9.02 is the version of the phantom!

i noticed that in the base.css file, if i completely remove the declaration of the footer elements, Opera displays the footer exactly as intended, of course, it breaks all other browsers since the divs now becomes blocks.

That CSS (unmodified) runs fine on IE 5.0, 5.5, 6.0, 7.0, FF 1.0, FF 2.0 and Opera is just fine too if it wasn't for the footer.

Really makes me wonder what is so wrong with it.

if you give me an email to write to, i could send you a more complete version. you are missing several css files but i dont think they matter for the problem at hand.

/* comment these and opera is fine.
div.foot1, div.foot2, div.foot3 {
	float: left;
	width: 33.25%;
	min-width: 6.6em;
	margin: 0;
	padding: 0;
}
*/

'.___.' Doubt is not a pleasant
{o,O} condition, but certainty
/)__) is absurd. - Voltaire
-"-"-
O RLY?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 37 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Hugo wrote:Not surprised

Hugo wrote:
Not surprised it's mocking you when you make cheap jokes at the poor browsers expense, a browser, I should remind you, that is so technically advanced that it's able to render a smiley face; a feat, so far, unsurpassed by any other browser.

Firefox 3 does it too, you know Wink

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

For interests sake try

For interests sake try declaring the widths in fixed pixels, just in case Opera is having some problem computing relative values; it did have horrendous problems with percentage widths rounding down things like .25 to the nearest whole value iirc

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

thepineapplehead wrote:Hugo

thepineapplehead wrote:
Hugo wrote:
Not surprised it's mocking you when you make cheap jokes at the poor browsers expense, a browser, I should remind you, that is so technically advanced that it's able to render a smiley face; a feat, so far, unsurpassed by any other browser.

Firefox 3 does it too, you know Wink

Correction: a feat only matched by a yet to be alpha release of our fav browser

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Eniac
Eniac's picture
Offline
Regular
Ottawa, Canada
Last seen: 12 years 50 weeks ago
Ottawa, Canada
Timezone: GMT-5
Joined: 2006-04-19
Posts: 45
Points: 0

no reaction

Opera is reacting like a dead racoon to my commands. I tried adding the !important statement just for kicks but it didnt do anything

'.___.' Doubt is not a pleasant
{o,O} condition, but certainty
/)__) is absurd. - Voltaire
-"-"-
O RLY?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

For the sake of testing are

For the sake of testing are you able to rename #footer? to something that won't conflict or pick up properties from elsewhere, so that you know you can target fresh rules to it

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Eniac
Eniac's picture
Offline
Regular
Ottawa, Canada
Last seen: 12 years 50 weeks ago
Ottawa, Canada
Timezone: GMT-5
Joined: 2006-04-19
Posts: 45
Points: 0

Fixed it

I fixed it

That percentage problem thing with opera got me testing other things.

I had to add 1px bottom padding, why ? no idea. Its just one of those things.

div.foot1, div.foot2, div.foot3 {
float:left;
width: 33.25%;
margin:0 0 0 0;
padding:0 0 1px 0;
}

the other browsers are fine with that too.

could it have been a problem of collapsing borders of some sort ? im trying to understand opera's logic on the processing of this... beats me. but then again, i should know that some questions just dont have answers as we learned with the ever elusive internet explorer.

'.___.' Doubt is not a pleasant
{o,O} condition, but certainty
/)__) is absurd. - Voltaire
-"-"-
O RLY?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Well adding padding suggests

Well adding padding suggests a colapsing margin problem but at this juncture I don't see how collapsing margins would have caused the problems as seen , but I may be missing something obvious, but then again this is Opera we're talking about, this may be one of those times when one just has to except and move on; then again I'd be up all night until I'd tracked down the exact reason Smile but then I'm a fool that loves to waste valuable time :shrug:

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me