בעיה עם margin ב IE

[SniR-S]

מדוע השיטה הזו לא עובדת כמו שצריך ב IE 7, היא לא ממרכזת.
לעומת זאת, בפיירפוקס, רואים מצויין..
מה הבעיה?, איך ניתן לפתור אותה?

	margin: 0px auto;

[Shay Ben Moshe]

אולי לא שמת על האלמנט המכיל text-align:center;
תביא את שאר הקוד- או תעלה או משהו.

[SniR-S]

CSS

#wrapheader {
	width: 820px;
	height: 620px;
	margin: 0px auto;
	border: 1px dashed #999;
	border-top: 0px;
	border-bottom: 0px;
}

HTML

<div id="wrapheader">
<div id="logo">
	<img src="styles/images/logo.jpg">
</div>
</div>

ב wrapheader, זה מעטפת של כל האתר כביכול..
אממ..בקיצור, בפיירפוקס עובד מצויין, הכל ממורכז, אבל משום מה זה לא ממרכז לי באקספלורר..
ולא ניראה לי שיש קשר במה שאתה אומר, text-align זה בכלל ליישור טקסט, ומה שבתוך ה div.
ולא את ה div עצמו.

[Shay Ben Moshe]

נכתב במקור על ידי Snir Shamka

CSS

#wrapheader {
	width: 820px;
	height: 620px;
	margin: 0px auto;
	border: 1px dashed #999;
	border-top: 0px;
	border-bottom: 0px;
}

HTML

<div id="wrapheader">
<div id="logo">
	<img src="styles/images/logo.jpg">
</div>
</div>

ב wrapheader, זה מעטפת של כל האתר כביכול..
אממ..בקיצור, בפיירפוקס עובד מצויין, הכל ממורכז, אבל משום מה זה לא ממרכז לי באקספלורר..
ולא ניראה לי שיש קשר במה שאתה אומר, text-align זה בכלל ליישור טקסט, ומה שבתוך ה div.
ולא את ה div עצמו.

אחי בשביל שהMARGIN AUTO יישר למרכז אתה צריך לשים אותו בתוך אלמנט עם text-align:center;
פשוט תוסיף text-align:center; לDIV חיצוני או לBODY.
בתוך הWARPHEADER תעשה מה שאתה רוצה רק תשים margin:0px auto;.

בהצלחה.

[MusicMan]

http://webforumz.com/web-page-design...working-in.htm
אני מקווה שזה יעזור

עריכה***
או זה http://codingforums.com/showthread.php?t=152474

[SniR-S]

אוקי, תודה רבה חבר'ס, עזרתם לי מאוד, אבל זה כמו לשים center בהתחלה ובסוף הקוד..
ואז רק לתת text-align: right; ...
זה אותו עיקרון, רק צורה שונה, אם ככה זה בסדר אז סבבה לגמרי

[Adir]

לא צריך text-align: center.
רק צריך:

margin-right: auto
margin-left: auto
או
margin: 0px auto 0px auto;

[Shay Ben Moshe]

נכתב במקור על ידי Adir|HomeServ.co.il

לא צריך text-align: center.
רק צריך:

margin-right: auto
margin-left: auto
או
margin: 0px auto 0px auto;

לא נכון.
2 דברים לא נכונים:
1. חייבים text-align:center; בשביל שזה יעבוד בIE.
2. שני הCSSים שלך נכונים אבל גם זה נכון: margin:0px auto. אם אתה לא מכיר יש כמה דרכים לmargin:

margin:ALL;
margin:TOP RIGHT BOTTOM LEFT;
margin:TOP+BOTTOM SIDES;
margin-TOP/BOTTOM/LEFT/RIGHT:;

אני מאמין שיש עוד ששכחתי...