Author Topic: IE & FireFox viewing problems  (Read 2551 times)

0 Members and 1 Guest are viewing this topic.

Offline shady

  • album.pl User
  • *
  • Posts: 2
  • Karma: +0/-0
IE & FireFox viewing problems
« on: September 28, 2006, 11:11:20 »
Hi

I have a problem with how link icons and welcome note is positioned in IE.
Welcome note is on the left side and the link icons are on the right side, i have the album within an IFrame
and 1 of the icons appears underneath the others and also overlaps the one above it.

In firefox the welcome note and the icons all appear in the center, this is how i want to view it in IE.
Any ideas how to rectify this?

This is in IE


This is in firefox
« Last Edit: September 28, 2006, 11:15:27 by shady »

Offline Mike Bobbitt

  • album.pl Author
  • Administrator
  • I Spend Too Much Time Here
  • *****
  • Posts: 3381
  • Karma: +35/-2
    • Mike's Development Archive
Re: IE & FireFox viewing problems
« Reply #1 on: October 01, 2006, 06:22:21 »
Yeah, I've noticed this discrepancy before, it seems IE and firefox just want to interpret things differently. I've tried messing with the darkbanner, login and optionslink style classes with no luck, but feel free to give it a shot.

Sorry I couldn't be more help!

Offline shady

  • album.pl User
  • *
  • Posts: 2
  • Karma: +0/-0
Re: IE & FireFox viewing problems
« Reply #2 on: October 01, 2006, 19:53:44 »
Thanks for responding mike.
I tried having another go at it, now no matter what i changed in the css file, it stayed the same in firefox.
Yet it changed in IE as it should have.
I changed this:
/* Welcome/Login link/Username */
.login   { line-height: 200%; text-align: right; width: 49.99%; font-size: 8pt; display: inline; }

To this:
/* Welcome/Login link/Username */
.login   { line-height: 200%; text-align: right; width: 10%; font-size: 8pt; display: inline; }

And this:
/* Home, Search, Random, Upload, Recent Uploads */
.options   { line-height: 200%; width: 50%; text-align: center; font-size: 8pt; display: inline; }

To this:
/* Home, Search, Random, Upload, Recent Uploads */
.options   { line-height: 200%; width: 70%; text-align: center; font-size: 8pt; display: inline; }

Now it did look different in a full page but i have my album in Inline frames, now when i view in IE
it is the same as Firefox as in the 1st thread.

Glad i got this sust out, hope it helps any one else.