Web Hosting Talk






PDA

View Full Version : Big FireFox Issue

JesterPup
06-07-2005, 12:46 AM
Hello all,

I need guidance with my image hosting site. The layout is perfectly centered when viewed in IE, but plastered against the left margin in Firefox.

I realize that nobody can tell me exactly how to fix it, but I was hoping someone could point a newbie like myself as to what controls to look for that FF might not like. Please take a look at the first link in my sig, PicturePuppy, and let me know what parameter might be causing this.

Thank you for your time


J
Graphicism
06-07-2005, 04:09 AM
Just make <div id="page"> centered in the CSS.

You may also want to put a DOCTYPE in there :)
Marble
06-07-2005, 03:12 PM
Originally posted by JesterPup
Hello all,

I need guidance with my image hosting site. The layout is perfectly centered when viewed in IE, but plastered against the left margin in Firefox.

I realize that nobody can tell me exactly how to fix it, but I was hoping someone could point a newbie like myself as to what controls to look for that FF might not like. Please take a look at the first link in my sig, PicturePuppy, and let me know what parameter might be causing this.

Thank you for your time


J

I noticed a few things right away. First off, your doctype HAS TO BE The very first thing on your page. You have it after your head tag.

Using id's you can only declare 1 id per page. You are declaring the id="page" many times, doesn't work that way.

What you need to do is declare this in some css:

body {
text-align: center;
}

now in create a "wrapper" div, with some id:

#page {
margin: 0px auto;
}

That should take care of centering styles.

Now between the body opening and closing tags put in a div:

<body>
<div id="page">

</div>
</body>


The text-align: center part is for IE's sake. Other browsers should understand auto margins for left and right.
JesterPup
06-07-2005, 04:36 PM
Originally posted by Marble
I noticed a few things right away. First off, your doctype HAS TO BE The very first thing on your page. You have it after your head tag.

Using id's you can only declare 1 id per page. You are declaring the id="page" many times, doesn't work that way.

What you need to do is declare this in some css:

body {
text-align: center;
}

now in create a "wrapper" div, with some id:

#page {
margin: 0px auto;
}

That should take care of centering styles.

Now between the body opening and closing tags put in a div:

<body>
<div id="page">

</div>
</body>


The text-align: center part is for IE's sake. Other browsers should understand auto margins for left and right.

Thanks sooo much. I will be updating the site tonight.

Thanks again

J
pwmedia
06-07-2005, 05:02 PM
Try centering all of the layers/html that way you dont have to center each indvisual thing, it will all just flop to the center. The way you have it programmed may limit it in doing this though.
JesterPup
06-07-2005, 05:13 PM
Originally posted by Marble

What you need to do is declare this in some css:

body {
text-align: center;
}

now in create a "wrapper" div, with some id:

#page {
margin: 0px auto;
}

That should take care of centering styles.

All I had to do was add the "margin: 0px auto;" and BOOM it looks perfect in FF. The other items were already there.

You're awesome, thanks for your kindness!

J
Marble
06-07-2005, 05:51 PM
Originally posted by phlint
Try centering all of the layers/html that way you dont have to center each indvisual thing, it will all just flop to the center. The way you have it programmed may limit it in doing this though.

That is why I suggested making a "wrapper" div that wraps the entire page =D
Marble
06-07-2005, 05:52 PM
Originally posted by JesterPup
All I had to do was add the "margin: 0px auto;" and BOOM it looks perfect in FF. The other items were already there.

You're awesome, thanks for your kindness!

J

Anytime =D