מירכוז בCSS

[trupix]

שבוע טוב,

כיצד ניתן למרכז div שיש לו מאפיין float:right?

ניסיתי ללא הצלחה:

PHP קוד:

<div style="float:right;margin-right:auto;margin-left:auto;">Text</div> 


תודה מראש..

[Haimz]

תגדיר WIDTH (לדעתי)

[trupix]

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

תגדיר WIDTH (לדעתי)

width:auto
כברירת מחדל לא?

בכל אופן ניסיתי גם את זה ללא הצלחה:

PHP קוד:

<div style="width:100px;float:right;margin-right:auto;margin-left:auto;">Text</div> 


[IgalSt]

אתה מעוניין למרכז אותו ביחס לאבא שלו או את התוכן שלו?

אם אתה מעוניין למרכז אותו אז כמובן שאתה לא יכול, בגלל שהגדרת לו float:right.
אם אתה מעוניין למרכז את התוכן, אז כרגיל עם text-align:center

[trupix]

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

אתה מעוניין למרכז אותו ביחס לאבא שלו או את התוכן שלו?

כן..אין שום דרך לעשות את זה?

אני מנסה לעשות תפריט נפתח בסגנון הזה:

PHP קוד:

<div id="menu">
    <ul>
        <li><a href="#">תפריט</a>
            <ul>
                <li><a href="#">דף הבית</a></li>
                <li><a href="#">תת תפריט</a></li>
                <li><a href="#">דוגמא</a></li>
            </ul>
        </li>
    </ul>
</div> 


הכרחי שכל הli יהיו על float:right ..

[Roni10]

תנסה עם margin:0 auto; למרות שאני לא חושב שזה יעבוד, הגדרת float זה "דורס" את כל השאר.

[NaorHadar]

שאתה מגדיר float אתה לא יכול למרכז אותו.
בCSS הוא פשוט זז כל הדרך לשמאל/ימין.
נסה לא להשתמש בfloat לתפריט שלך זה מן הסתם יפתור את הבעיה

[Haimz]

אבל אם תכניס את כל הדיב(ים) שמוגדרים לתוך דיב מסויים עם רוחב וmargin 0px auto אני חושב שזה יעבוד, תנסה

[IgalSt]

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

כן..אין שום דרך לעשות את זה?

אני מנסה לעשות תפריט נפתח בסגנון הזה:

PHP קוד:

<div id="menu">
    <ul>
        <li><a href="#">תפריט</a>
            <ul>
                <li><a href="#">דף הבית</a></li>
                <li><a href="#">תת תפריט</a></li>
                <li><a href="#">דוגמא</a></li>
            </ul>
        </li>
    </ul>
</div> 


הכרחי שכל הli יהיו על float:right ..

אני מבין את מה שאתה מנסה לעשות.
אבל אתה בעצם סותר את עצמך כשאתה נותן float (הגדרת אלמנט כצף לצד כלשהו) ומנגד מעוניין ליישר אותו למרכז.

יש אפשרות לא להשתמש ב-float לפתריט מהסוג הזה.
את זה תוכל לעשות עם display:inline-block עם fallback ל-IE7 (במידת הצורך) ל- display:inline.
דוגמה תוכל לראות במימוש שלי לתפריט הימינה העליון ביותר (אפור) פה

[trupix]

הסתדרתי על משהו אחר..
תודה לכולם!