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

Gil B · 05-08-07, 19:24

אני לא מצליח לאלגן אתר לאמצע ב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

daMn · 05-08-07, 19:35

תנסה
float:none

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

קוד:

<div align="center">

Gil B · 05-08-07, 20:01

ציטוט:

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

תנסה
float:none

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

קוד:

<div align="center">

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

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

DorWD · 05-08-07, 19:46

תוריד את הfloat ב*

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

O-B · 05-08-07, 21:14

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

ציטוט:

daMn · 05-08-07, 21:26

ציטוט:

נכתב במקור על ידי O-B

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

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

mayden · 05-08-07, 21:27

HTML קוד:

margin: auto;

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

Gil B · 05-08-07, 21:47

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

Gal Shafrir · 05-08-07, 21:59

HTML קוד:

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

תנסה ככה..

WebProject · 05-08-07, 22:08

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

PHP קוד:


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

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

       </div>


</div>

05-08-07, 19:35	# 2
daMn הוסטסניון מיני פרופיל תאריך הצטרפות: Mar 2007 גיל: 34 הודעות: 2,050	תנסה float:none ואם לא עובד אז פשוט תעשה div אחד גדול שיכלול את האתר ובפתיחת הdiv תעשה ככה קוד: <div align="center"> __________________ "חינוך למדעי המחשב לא יכול להפוך אף אחד למתכנת מומחה יותר מאשר לימוד על מברשות וצבעים יכול להפוך מישהו לצייר מיומן." (אריק ס. ריימונד)

05-08-07, 19:46	# 4
DorWD תודה על תרומתך. מיני פרופיל תאריך הצטרפות: Jan 2006 מיקום: עפולה גיל: 32 הודעות: 2,259	תוריד את הfloat ב* margin: auto; עובד רק בלי float __________________ מתכנת WEB

05-08-07, 21:47	# 8
Gil B חבר וותיק מיני פרופיל תאריך הצטרפות: Jun 2007 הודעות: 1,120	OB, דרך לחא תקינהף מיושנת ולא נוחה. אלכס, ניסיתי וגם זה לא פעל. __________________

05-08-07, 21:59	# 9
Gal Shafrir חבר וותיק מיני פרופיל תאריך הצטרפות: Oct 2005 הודעות: 1,626	HTML קוד: <div style="margin: auto; text-align: center;"> </div> תנסה ככה.. __________________ בברכה, גל שפריר - מעצב ומפתח אתרים. עופר שפריר - במאי, תסריטאי ומפיק.

05-08-07, 22:08	# 10
WebProject מ.תיכנות מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: אשדוד הודעות: 3,070	שיטה שתמיד עובדת לי: PHP קוד: `<div style="width:100%; text-align:center;"> <div style="margin:auto; width....;"> </div> </div>` __________________ כושר קרבי \ טיפים לגיבושים פורטל רעל - צבא וכושר קרבי


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)

כלים לאשכול
הצגת גרסת הדפסה שלח דף זה באימייל
תצורת הצגה
עבור לתצורה לניארית תצורה משולבת עבור לתצורת אשכולות