/    Sign up×
Community /Pin to ProfileBookmark

Center issue with Fire Fox and IE

Copy linkTweet thisAlerts:
Oct 17.2006

I have a small issue with IE and Fire Fox. I need this page with the table to be aligned in the center of the page regardless of resolution.

In IE it works… In Firefox it does not

Please go to this link in both browsers

[URL]http://www.franklinctr.com/new_site/header.php[/URL]

Can you please tell me what is wrong?

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@bathurst_guyOct 17.2006 — Using a wrap or container as they are most commonly known are the best ways to centre content - note specifically the text align center on the body and the margin 0 auto on the wrapper.
<i>
</i>&lt;style type="text/css"&gt;
body {
text-align: center;
}
#wrap {
text-align: left;
width: 400px;
margin: 0 auto;
}
&lt;/style&gt;
...
&lt;body&gt;
&lt;div id="wrap"&gt;&lt;p&gt;Page content here&lt;/p&gt;&lt;/div&gt;
&lt;/body&gt;
Copy linkTweet thisAlerts:
@firmanauthorOct 17.2006 — My contents are WITHIN a table... how can I center the table?
Copy linkTweet thisAlerts:
@drallabOct 17.2006 — You are experiencing a style sheet conflict.

In your style sheet, I notice you are using:
[CODE]position: absolute;
top: 140px;
width: 755px;[/CODE]
Try removing these lines and see what you get. ?
Copy linkTweet thisAlerts:
@bathurst_guyOct 17.2006 — My contents are WITHIN a table... how can I center the table?[/QUOTE]
Hmm. You could put the table within the div. OR even better, not use tables for layout!!!
Copy linkTweet thisAlerts:
@drhowarddrfineOct 17.2006 — His doctype is in the wrong place and IE is in quirks mode.


Validate your html and css and fix your other errors, too.
×

Success!

Help @firman spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...