הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   בעיה עם margin ב IE (https://hosts.co.il/forums/showthread.php?t=73477)

SniR-S 11-04-09 20:56
בעיה עם margin ב IE
 
מדוע השיטה הזו לא עובדת כמו שצריך ב IE 7, היא לא ממרכזת.
לעומת זאת, בפיירפוקס, רואים מצויין..
מה הבעיה?, איך ניתן לפתור אותה?
קוד:
        margin: 0px auto;

Shay Ben Moshe 11-04-09 21:04
אולי לא שמת על האלמנט המכיל text-align:center;
תביא את שאר הקוד- או תעלה או משהו.

SniR-S 11-04-09 21:10
CSS
HTML קוד:
#wrapheader {
        width: 820px;
        height: 620px;
        margin: 0px auto;
        border: 1px dashed #999;
        border-top: 0px;
        border-bottom: 0px;
}
HTML
HTML קוד:
<div id="wrapheader">
<div id="logo">
        <img src="styles/images/logo.jpg">
</div>
</div>
ב wrapheader, זה מעטפת של כל האתר כביכול..
אממ..בקיצור, בפיירפוקס עובד מצויין, הכל ממורכז, אבל משום מה זה לא ממרכז לי באקספלורר..
ולא ניראה לי שיש קשר במה שאתה אומר, text-align זה בכלל ליישור טקסט, ומה שבתוך ה div.
ולא את ה div עצמו.

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

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

Shay Ben Moshe 11-04-09 21:17
ציטוט:
נכתב במקור על ידי Snir Shamka (פרסם 708080)
CSS
HTML קוד:
#wrapheader {
        width: 820px;
        height: 620px;
        margin: 0px auto;
        border: 1px dashed #999;
        border-top: 0px;
        border-bottom: 0px;
}
HTML
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;.

בהצלחה.

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

Adir 11-04-09 22:01
לא צריך text-align: center.
רק צריך:
HTML קוד:
margin-right: auto
margin-left: auto
או
margin: 0px auto 0px auto;

Shay Ben Moshe 11-04-09 22:31
ציטוט:
נכתב במקור על ידי Adir|HomeServ.co.il (פרסם 708102)
לא צריך text-align: center.
רק צריך:
HTML קוד:
margin-right: auto
margin-left: auto
או
margin: 0px auto 0px auto;
לא נכון.
2 דברים לא נכונים:
1. חייבים text-align:center; בשביל שזה יעבוד בIE.
2. שני הCSSים שלך נכונים אבל גם זה נכון: margin:0px auto. אם אתה לא מכיר יש כמה דרכים לmargin:
HTML קוד:
margin:ALL;
margin:TOP RIGHT BOTTOM LEFT;
margin:TOP+BOTTOM SIDES;
margin-TOP/BOTTOM/LEFT/RIGHT:;
אני מאמין שיש עוד ששכחתי...


כל הזמנים הם GMT +2. הזמן כעת הוא 18:41.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ