בניתי אתר שמבוסס כולו על css עם position: absolute,
כיוון שזה מאוד מהיר וקל בדרימוויור להזיז אובייקטים בצורה זו על פני הדף. האתר נבנה בגבולות 760px רוחב, כדי שיתאים גם לרזולוציות 600*800.
הבעיה היחידה שאינני מצליחה להתגבר עליה היא מרכוז הדף. הדף נראה מיושר לימין ברזולוציה 600*800 וזה יפה, אולם ברזולוציה 786*1024, הדף נראה מוסט שמאלה עם שוליים גדולים מדי בימין.
כל הפקודות למרכוז הדף שאני נותנת (float: right)בבודי או ב-div אינן מתקבלות, מה שמפריע להן זה ה- position:absolute. וזה אכן הגיוני שלא יתקבלו, אולם מה עושים כדי להתגבר על הבעיה?
גרשון נתן לי פעם קוד javascript שמגדיל את החלון לגודל מקסימלי, אבל זה לא עוזר.
האם יש פתרון לבעיה? האם יש קוד שמזהה באיזה דפדפן משתמש הגולש ובהתאם מסדר את השוליים?

פעם מישהו הדביק את זה פה
http://www.wpdfd.com/editorial/thebox/deadcentre3.html

מאז פשוט כל פעם שאני צריך להיזכר איך עושים את זה, אני מחפש בגוגל dead centre וזה האתר הראשון

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

האמת שמצאתי היום קוד מתאים:
הקוד מזהה איזה רזולוציה יש לגולש ובהתאם לכך מפנה לדף העיצוב (css style sheet) המתאים.
בעזרת הקוד הזה האתר נראה ממורכז ויפה בכל רזולוציה!
<SCRIPT type="text/JavaScript">
// JavaScript Document

if (window.parent.screen.height >= 700)

{ document.write('<link href="math_style1.css" rel="stylesheet" type="text/css">');
}

else {

document.write('<link href="math_style.css" rel="stylesheet" type="text/css">');
}
//-->
</script>

והפיתרון הכי פשוט של CSS הוא לקחת את כל התגים ולעטוף אותם בתג html אחד שהגדרתו תהיה position:relative + חובה להוסיף רוחב ואורך ואז למרכז אותו. למשל:

קוד:

div#base {position: relative; width: 100px; height: 100px; margin: 0 auto; padding: 0; text-align: center;}

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.idansmith.com/images/button.png]
- לא בגלל שאתם צריכים, בגלל שאתם רוצים!

איני מבין למה להשתמש במיקום אבסולטי לרוב האלמנטים בדף.

אפשר למרכז ממש בקלות על-ידי CSS בלבד

קוד PHP:

 body {
    pdding: 0;
    margin: 0;
    text-align: center; \\\* אקספלורר *\\\
}

.mainWrapper {
    margin: 0px auto; \\\* כל שאר הדפדפנים *\\\
    text-align: left;
} 


[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://muzx.net/files/public/avatars/1208187486.gif]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://muzx.net/files/public/avatars/1188591880.gif]