עזרה ב-CSS, איך עושים Div שיהיה בדיוק באמצע הדפדפן

[al_n]

אני צריך Div צף שיפתח להודעות ואני חייב שהוא ירחף מעל האתר ויהיה באמצע.
איך עושים?

תודה לעוזרים.

[DorOaki]

אתה מגדיר לאותו DIV רוחב וגובה,
ועושה לו את האפשרויות הבאות:

PHP קוד:

margin-left: auto;
margin-right: auto; 


זה בעצם ימרכז אותו

[DvirCohen]

אם אתה צריך דיב "צף" הוא צריך להיות אבסולוטי (כדי שהוא ימוקם באמצע המסך, ולא באמצע איפה שאתה מכניס אותו ויזיז את כל האלמנים)
חייבות להיות לו התכונות הבאות

position: absolute;
z-index: 99; /* זה מה שיגרום לו להיות מעל כל האלמנטים במסך */

במקרה כזה, אני לא בטוח אם לסדר לו MARGIN ימרכז אותו (אלא קוד JS מסויים), אבל תנסה.

[intercooler3819]

אם דרוש רק מרכוז מימין ומשמאל זה יעבוד:
margin-left: auto;
margin-right: auto;

אם דרוש גם מלמטה ולמעלה יש שני אפשרויות, אופציה ראשונה להכניס לטבלה:
<table border='0' height='100&#37;' width='100%'>
<tr>
<td height='100%'>
<div style='margin-right:auto; margin-left: auto;'>

whatever you want

</div>
</td>
</tr>
</table>

ואפשרות נוספת בהנחה שיש לך את הגודל שלו:
height: Ypx;
width: Xpx;
top: Y/2px;
left: X/2px;
margin-right: auto;
margin-left: auto;


תהנה