ישור אוביקט פלאש לאמצע המסך

ארז ליברמן · 19/6/11

שלום לכולם
יש לי דף html פשוט.
http://studio-hitchadshut.co.il/apolo1/
יש בו אוביקט פלאש והלקוח רוצה שהוא יהיה באמצע המסך גם לרוחב וגם לאורך בכל סוג וגודל של מסך.
1.איך אני עושה שהוא יהיה באמצע גם לאורך?(לרוחב עשיתי לו margin right ו left - auto - בגובה זה לא הולך)
2.יש לו רקע גרדיאנט שזה סלייס שעושה רפיט איך אני יכול להתאים אותם אחד לשני אם הגובה של האוביקט יהיה דינאמי?
תודה.

יריב · 20/6/11

שים לב,
תשובה תיאורטית ומעשית.
כדיי למקם משהו באמצע אני צריך לדעת איפה האמצע או בעצם לא ממש.
קופסא ראשונה (דיו) יהיה במיקום רלטיוי שמאל 50% וטופ 50%
עכשיו אני יודע איפה האמצע אבל האוביקט שלי לא במקום.
קופסה שניה פנימית במיקום אבסולוטי שמאל -275px ( שזה חצי מהגודל שהגדרת )
טופ : -200px (שוב - חצי ממה שאתה רוצה.
קיבלת את הקוביה שלך באמצע בכל מסך גם כאשר המסך קטן יותר מהאוביקט.
בהצלחה.

ארז ליברמן · 20/6/11

נכתב ע"י יריב;588128:
שים לב,
תשובה תיאורטית ומעשית.
כדיי למקם משהו באמצע אני צריך לדעת איפה האמצע או בעצם לא ממש.
קופסא ראשונה (דיו) יהיה במיקום רלטיוי שמאל 50% וטופ 50%
עכשיו אני יודע איפה האמצע אבל האוביקט שלי לא במקום.
קופסה שניה פנימית במיקום אבסולוטי שמאל -275px ( שזה חצי מהגודל שהגדרת )
טופ : -200px (שוב - חצי ממה שאתה רוצה.
קיבלת את הקוביה שלך באמצע בכל מסך גם כאשר המסך קטן יותר מהאוביקט.
בהצלחה.

היי יריב - תודה.או קיי זה עזר.
משהו אחד שלא ברור לי - כשאני נותן לדיב הפנימי margin שלילי אז ברוחב אני באנת נותן לי חצי מהרוחב של האוביקט וזה מסדר אותו אבל בגובה אני צריך לתת לו את כל הגובה של האוביקט אחרת הוא לא מתישר - מה הקטע?

יריב · 20/6/11

אנחנו חוזרים לשאלת המרג'ינים והפדינג גם מהאשכול המקביל,
אני אסביר.

חלק מהבראוזרים מרנדרים מרגין כפול על אזור ריק כמרג'ין אחד.
לכן לא לעשות שימוש כלל בדיו עם מרגין ובתוכו אובייקט עם מרג'יןץ
זה יוצר בעיה רצינית במראה בין אקספלורר ושאר העולם
במרג'ין על אובייקט בודד אין שום בעיה.

לגביי פדינג המצב עוד יותר חמור היות ששם מופיע שוני בפדינג יחידי כשמשתמשים בו עם הגדרת רוחב: שים לב, רוחב 200 פדינג 10 בבראוזרים תקניים יוצר קוביה של 220 פיקסל
באקספלורר 200.

פוזישן כפול אבסולוט בתוך רלטיו הוא שיטה תקנית!
לגביי בקשתך למירכוז, יש להשתמש בפוזישן בלבד, ללא ריווח באמצעות מרג'ין או פדינג.
למה?
היות שהיום אנו עומדים מול ריבוי מערכות מטורף, אתה עושה אובייקט פלש, חייב לתת לו תמונת רקע במידה ובמיקום הנכון בלי ריווחים מיותרים, אחרת תגיד ביי ביי לאייפד-אייפון ושאר ירקות.
אם תשתמש במרג'ינים ופדינג תמונת הרקע תהיה ממוקמת שונה קרוס בראוזר.

מקווה שעזרתי,
יריב.

יריב · 20/6/11

קוד שמייצר קוביה שתהיה תמיד ממורכזת גם כשמשחקים עם גודל החלון ובכל הבראוזרים:

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.container {
position:relative;
top:50%;
left:50%;
}
.inner {
width:500px;
height:400px;
border:4px ridge #ff0000;
position:absolute;
left:-250px;
top:-200px;
}
-->
</style>

</head>
<body>
<div class="container">
         <div class="inner">
         </div>
</div>
</body>
</html>

חיים פ · 20/6/11

יריב שיחקת אותה..

Shlomi · 20/6/11

יריב, יצאת גדול.

אבל אני לא מבין למה פשוט לא להשתמש בalign? פשוט קל, ומוצג נהדר בכל הדפדפנים.

יריב · 20/6/11

מה זה align ? תגית HTML כמדומני,
קיים זמנית, חבר של מרקי, לא תקני בכלל.
ב-css קיים רק text-align אבל הוא לא ימקם דיו בתוך דיו אלא את התוכן של הדיו בתוך הדיו החיצוני.
תוצאה שונה לגמרי, פה ביקשנו קופסא במרכז המסך קרוס בראוזר אנד פוראבר.
אני שמח שנהנתם, תשאלו עוד, אבל באשכול חדש.

רוצים שתי מילים על תגיות html?
תשכחו אותם.

למה? כי יש קונפליקט לג'אווה סקריפ לדום ל-svg ולקנבס, תגיות של html - עבר זמנן

ישור אוביקט פלאש לאמצע המסך

משתמש צעיר

משתמש רשום

משתמש צעיר

משתמש רשום

משתמש רשום

משתמש צעיר

משתמש פעיל

משתמש רשום

ספירת העומר

תגיות נפוצות