FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

Yet Another Css Postioning Problem

   Frihost Forum Index -> Scripting -> Html, CSS and Javascript
 


Phil
I seriously wonder if I'll ever get this CSS Postioning down.
As I've stated before I'm changing over my site (The Saints Site in my sig) over to an all css format.
I have, at present 4 different page/catagories I'm styling for.
the first is my Index Page, the second, highlites pages, Team Rosters, and Yearly Stats Pages.

Everything is OK, except for the last example, The Stats Pages.
It looks ok in Firefox, but not in Explorer. In Explorer instead of centering the contents, eveything is pushed to the left.
How can I get it centered in Explorer?

If anyone could, could you just give me some comments on what I'm trying to do, as far as the other pages look and feel.
Thanks.
eepman
You don't need a specific width for the content div.
Let it adjust to the page.
You really only need two lines for the content definition.
This renders right on both browsers.

Code:

position:relative;
   padding: 10px 10% 0 10%;


I do like how clean it is right now though.
Keep designing.
LukeakaDanish
I experienced this problem at one point. The solution if found was changing the "display" attribute of the divs INSIDE the one with "text-align: center" to "inline"...

like so:

Code:


<div style="text-align: center;">
    <div style="display: inline;">content1</div>
    <div style="display: inline;">content2</div>
    <div style="display: inline;">content3</div>
</div>



Try it out - it makes you divs behave the way you would expect images to behave, as they have display: inline; as standard
Phil
WOW!
That seemed to fix it. I tried both tips and it seems to be working fine. Thanks abunch.
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.