/    Sign up×
Community /Pin to ProfileBookmark

CSS Positioning Error

Copy linkTweet thisAlerts:
May 25.2011

Hi everyone,

i have a little problem that i can not solve. Here is my site [url]www.orogroup.net/1.html[/url]

When i view it with IE everything is ok, but when i view it with chrome, mozilla or opera the centered <div> floats to the right of the screen.. I have read my css code billion times, but still can not find a resolutions. You will notice that everything is in div called “RACentering”.

Here is the css style of this div id

#RACentering {
position:relative;
width:998px;
height:592px;
margin:0px auto;

}

Anyone have idea ?

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@aj_nscMay 25.2011 — Line 75 of your CSS:

<i>
</i>#slider {
margin-left: 12&amp;#37;;
}


Remove the left margin altogether.

Then they'll be other adjustments you'll have to make, but that's what is causing your issue.

In the future, save yourself some headaches and code for standards compliant browsers (Safari, Chrome, Firefox, Opera) first and then make sure it looks fine in IE afterwards and tweak it if need be.
Copy linkTweet thisAlerts:
@legalizeauthorMay 25.2011 — Damn same problem.. now its centered in all browsers except IE, in IE the page floated to left..

it happened after deleting line margin-left: 12%;


I couldn't find where is my mistake.. please show me any simple css code of 2 boxes (smaller and bigger) centered on a page in all browsers ?
Copy linkTweet thisAlerts:
@legalizeauthorMay 25.2011 — Damn same problem.. now its centered in all browsers except IE, in IE the page floated to left..

it happened after deleting line margin-left: 12%;


I couldn't find where is my mistake.. please show me any simple css code of 2 boxes (smaller and bigger) centered on a page in all browsers ?[/QUOTE]

And there is a problem with top, with mozilla it is right, but in IE it shows more space with margin...
Copy linkTweet thisAlerts:
@highbreedMay 26.2011 — you can use if statement for that conditions so whenever the browser detects IE,it will display this,and when other browsers,it will display that.
Copy linkTweet thisAlerts:
@legalizeauthorMay 28.2011 — you can use if statement for that conditions so whenever the browser detects IE,it will display this,and when other browsers,it will display that.[/QUOTE]

Thank you very much
×

Success!

Help @legalize 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 5.5,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

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