website not compatible with Firefox

  • planetsap
  • Novice
  • Novice
  • planetsap
  • Posts: 17

Post 3+ Months Ago

Hello all,

I need help to fix the source code that will make planetsap dot com compatible with all browsers. It looks good in IE but when I bring it up using Firefox, everything is misaligned. Can somebody please recommend a solution.

Thank you.
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Which version of IE are you using?
  • planetsap
  • Novice
  • Novice
  • planetsap
  • Posts: 17

Post 3+ Months Ago

IE 6.0
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

I suggest you upgrade to version 8, which now renders much more like FF and others.

According to the stats I've read, version six is somewhere less than 10%, in regard to usage. Therefore, it's not a good idea to do development work with that as your primary testing vehicle.
  • planetsap
  • Novice
  • Novice
  • planetsap
  • Posts: 17

Post 3+ Months Ago

I just updated to IE 8 and now I see the same alignment issues on IE also.

If I list my source code, is there anybody who can help me with fixing the code.

Thx
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

planetsap wrote:
I just updated to IE 8 and now I see the same alignment issues on IE also.

If I list my source code, is there anybody who can help me with fixing the code.

Thx


Yup. Let's see what you've got. I'm sure we can give you some feedback.
  • planetsap
  • Novice
  • Novice
  • planetsap
  • Posts: 17

Post 3+ Months Ago

Please find attached zip file.
Attachments:
index.zip

(4.03 KiB) Downloaded 223 times

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

The problem you're having has to do with the box-model. For instance...
Code: [ Select ]
.content {
    margin: 0 auto;
    width: 980px;
    padding: 10px;
}
  1. .content {
  2.     margin: 0 auto;
  3.     width: 980px;
  4.     padding: 10px;
  5. }


The effective width of this box is 1000px, because the padding is being added to the width.

You can either due the calculations to get what you want, or set the padding on the elements within the container.

Does that make sense?
  • planetsap
  • Novice
  • Novice
  • planetsap
  • Posts: 17

Post 3+ Months Ago

I am going to adjust the padding and see if i can make it work. Appreciate your suggestion.

Thank you.
  • kirazxm
  • Born
  • Born
  • kirazxm
  • Posts: 1

Post 3+ Months Ago

overflow:hidden;

Post Information

  • Total Posts in this topic: 10 posts
  • Users browsing this forum: No registered users and 84 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.