הוסטס - פורום אחסון האתרים הגדול בישראל - [HTML] נתקעתי עם קידוד

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - [HTML] נתקעתי עם קידוד - CENTER בפיירפוקס וIE (https://hosts.co.il/forums/showthread.php?t=51424)

[HTML] נתקעתי עם קידוד - CENTER בפיירפוקס וIE

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

קוד:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="he">

<head>

<title>אפורטל.</title>

<meta http-equiv="content-type" content="text/html; charset=windows-1255" />

<!--[IF IE]>

<style type="text/css">

*{

    direction: rtl;

    margin: auto;

    padding: 0;

    text-align: center;

    float: center;

}

body{

    font-family: Tahoma;

    padding: 0;

    margin: 0;

    width: 750px;

float: center;

}

#logo{

    text-align: center;

}

#schblock{

    color: #305d67;

    background-color: #dcf1f4;

    width: 315px;

    height: 45px;

    padding: 0;

    margin: 0;

    font-size: 12px;

}

.schbl{

    width: 315px;

    height: 55px;

    padding: 0;

    margin: 0;

}

div{    

    padding 0;

    margin: 0 auto;

}

.leftside{

    float: left;

    padding-top: 20px;

}

.rightside{

    float: right;

}

</style>





<![endif]-->





<style type="text/css">

*{

    direction: rtl;

    margin: auto;

    padding: 0;

    text-align: center;

}

body{

    font-family: Tahoma;

    padding: 0;

    margin: 0;

    width: 750px;

float: center;

}

#logo{

    text-align: center;

}

#schblock{

    color: #305d67;

    background-color: #dcf1f4;

    width: 315px;

    height: 70px;

    padding: 0;

    margin: 0;

    font-size: 12px;

    text-align: right;

}

.schbl{

    width: 315px;

    height: 75px;

    padding: 0;

    margin: 0;

}

div{    

    padding 0;

    margin: 0 auto;

}

.leftside{

    float: left;

    padding-top: 10px;

}

.rightside{

    float: right;

}

</style>

</head>

<body>

<div id="logo">

<span class="rightside">

<img src="images/logo.gif" alt="אפורטל" style="width: 250px; height: 110px;" />

</span>

<span class="leftside">

<div id="schblock">

<img src="images/schup.gif" alt="Search Start" style="width: 315px; height: 14px;" />

<img src="images/schtxt.gif" alt="Search" /><br />

<span style="float: left; padding-left: 15px;"><input type="text" name="q" value="" style="font-size: 12px; font-family: Tahoma; border: 1px solid #bcdbdf; padding: 5px; background-color: #dcf1f4;" /><input type="image" name="submit" src="images/schclick.gif" /></span>

<img src="images/schdwn.gif" alt="Search Finish" style="width: 315px; height: 14px;"  />

</div>

</span>

</div>

</body>

</html>

תודה רבה לעוזרים :X

תנסה
float:none

ואם לא עובד אז פשוט תעשה div אחד גדול שיכלול את האתר ובפתיחת הdiv תעשה ככה

קוד:

<div align="center">

תוריד את הfloat ב*

margin: auto; עובד רק בלי float

ציטוט:

נכתב במקור על ידי daMn (פרסם 536648)

תנסה
float:none

ואם לא עובד אז פשוט תעשה div אחד גדול שיכלול את האתר ובפתיחת הdiv תעשה ככה

קוד:

<div align="center">

זה לא תקין... אמנם הקוד שלי לא היכ תקין כרגע אבל האני מייעד אותו לתקינות.

דור, הורדתיא ת הFLOAT ב* וזה לא עובד עדיין..

גם לי זה קרה..
פשוט תתחום את כל האתר ב

ציטוט:

ציטוט:

נכתב במקור על ידי O-B (פרסם 536718)

גם לי זה קרה..
פשוט תתחום את כל האתר ב

אני לא חושב שצורת העבודה הזאת של center נכונה לקידוד תקין ונקי ויפה.
בכל מקרה אם אתה לא מוצא דרך אחרת אז תשתמש...

HTML קוד:

margin: auto;

זה אמור לעבוד.. פשוט תחום את כל האתר שלך תחת div אחד (קרא לו למשל: container) ואז שים לו את ההגדרה של ה margin.

OB, דרך לחא תקינהף מיושנת ולא נוחה.
אלכס, ניסיתי וגם זה לא פעל.

HTML קוד:

<div style="margin: auto; text-align: center;">

</div>

תנסה ככה..

שיטה שתמיד עובדת לי:

PHP קוד:


		
			
<div style="width:100%; text-align:center;">

       <div style="margin:auto; width....;">

       </div>


</div>