לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read();‎ חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
רענן עמוד זה תאימות דפדפנים בCSS?
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
« לאשכול הקודם | לאשכול הבא »
 
כלי אשכול חפש באשכול זה



  #1  
ישן 09-08-2008, 19:42
צלמית המשתמש של BinaryBlue
  משתמש זכר BinaryBlue BinaryBlue אינו מחובר  
 
חבר מתאריך: 30.08.03
הודעות: 1,098
שלח הודעה דרך MSN אל BinaryBlue Facebook profile
תאימות דפדפנים בCSS?
שלום חברים

נתקלתי בבעיה קטנה בזמן קידוד אתר על טהרת הCSS.
באופן תמיצתי:
קוד:
body{
	direction: rtl;
	margin: 0; padding: 0px;
	text-align: center;
}

הקוד הנ"ל ממרכז לצורך העניין את כל תוכן הבודי - וזה אכן עובד כאשר מזינים טקסט, אבל אם למשל מכניסים DIV (רוחב 768) ל-BODY - בפיירפוקס הוא לא ממורכז! באקספלורר הוא כן.. למה? ואיך פותרים?

שאלה נוספת היא - כיצד "להצמיד" תמונה IMG לתחתית אובייקט האב? DIV כלשהו.
קוד:
img
    { 
    vertical-align: bottom
    }

לא עובד לי

תודה מראש (:
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה
כל המרבה הרי זה מסובך

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 09-08-2008, 20:11
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 1 שנכתבה על ידי BinaryBlue שמתחילה ב "תאימות דפדפנים בCSS?"
כדי שה-DIV יהיה ממורכז יש לתת לו: margin:0
ה- text-align נועד (כפי שמשתמע משמו) ליישר טקסט ואלמנטי inline

בנוגע לשאלת התמונה - הקוד שהבאת אמור לעבוד. יכול להיות שהוא לא עובד בגלל מצב הדפדפן שלך (או בגלל כל סיבה אחרת... ). מהי הגדרת ה-DOCTYPE\DTD במסמך ה-HTML שלך?
נסה לראות גם פה: http://www.fresh.co.il/vBulletin/sh...998#post2909024
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 09-08-2008, 20:18
צלמית המשתמש של BinaryBlue
  משתמש זכר BinaryBlue BinaryBlue אינו מחובר  
 
חבר מתאריך: 30.08.03
הודעות: 1,098
שלח הודעה דרך MSN אל BinaryBlue Facebook profile
בתגובה להודעה מספר 2 שנכתבה על ידי dorM שמתחילה ב "כדי שה-DIV יהיה ממורכז יש לתת..."
מזכיר לך שאקספלורר ממרכז גם את הDIV ואילו הפיירפוקס לא... גם עם margin:0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה
כל המרבה הרי זה מסובך

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 09-08-2008, 20:20
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 3 שנכתבה על ידי BinaryBlue שמתחילה ב "מזכיר לך שאקספלורר ממרכז גם..."
כי אקספלורר עובד על quirks mode ב-DOCTYPE שהצגת.
חוץ מזה, IE הוא יצור מעולם אחר...

בכל אופן אני לא מתקרב ל-DTD הזה...
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 09-08-2008, 20:36
צלמית המשתמש של BinaryBlue
  משתמש זכר BinaryBlue BinaryBlue אינו מחובר  
 
חבר מתאריך: 30.08.03
הודעות: 1,098
שלח הודעה דרך MSN אל BinaryBlue Facebook profile
בתגובה להודעה מספר 4 שנכתבה על ידי dorM שמתחילה ב "כי אקספלורר עובד על quirks..."
אוקיי
אז באיזה מוד לעבוד?
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה
כל המרבה הרי זה מסובך

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 09-08-2008, 22:07
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 5 שנכתבה על ידי BinaryBlue שמתחילה ב "אוקיי אז באיזה מוד לעבוד?"
אני עובד ב-DTD של XHTML Strict 1.0
הקוד כדי להפעילו הוא:
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


בדר"כ זה לא הקוד שהרוב עובדים עליו. בדר"כ אני שם לב שנהוג לעבוד על XHTML transitional:
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


אבל מבחינתי ככל שאתה כותב בתקן שקרוב יותר לשפת XML (לדוגמא XHTML Strict ...), כך האתר שלך יהיה קריא יותר עבור דפדפנים ובעיקר נגיש למנועי חיפוש (שזה מה שכל בונה אתרים שואף להשיג).

מה גם שמצב strict מפעיל מצב התנהגות שונה אצל הדפדפן שהוא קרוב יותר לדרישות W3C. הבעיה היא שדפדפן כמו IE "מתחבט" בין הרצון לפעול לפי תקני W3C לבין מצב ה-quirks mode שהשתורר בגירסאותיו המוקדמות יותר (גירסא 5 ומטה), שבזמנו האתרים הותאמו אליו.

הסבר מפורט ומעולה תוכל לראות כאן: http://www.quirksmode.org/css/quirksmode.html
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 10-08-2008, 16:01
  Mayden Mayden אינו מחובר  
 
חבר מתאריך: 07.06.06
הודעות: 201
בתגובה להודעה מספר 1 שנכתבה על ידי BinaryBlue שמתחילה ב "תאימות דפדפנים בCSS?"
תנסה:
margin: auto;

זה אמור לעשות את העבודה.
_____________________________________

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://bacchanalianight.com/wp-content/uploads/2012/04/Alex-Logo-1.jpg]

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #8  
ישן 10-08-2008, 16:29
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 7 שנכתבה על ידי Mayden שמתחילה ב "תנסה: margin: auto; זה אמור..."
נכון... התבלבלתי מיקודם עם ה-margin:0
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #9  
ישן 10-08-2008, 18:18
  משתמש זכר idan1986 idan1986 אינו מחובר  
 
חבר מתאריך: 02.04.02
הודעות: 1,683
שלח הודעה דרך ICQ אל idan1986 שלח הודעה דרך MSN אל idan1986 Facebook profile
בתגובה להודעה מספר 8 שנכתבה על ידי dorM שמתחילה ב "נכון... התבלבלתי מיקודם עם..."
;margin: 0 auto*

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #10  
ישן 10-08-2008, 20:45
צלמית המשתמש של BinaryBlue
  משתמש זכר BinaryBlue BinaryBlue אינו מחובר  
 
חבר מתאריך: 30.08.03
הודעות: 1,098
שלח הודעה דרך MSN אל BinaryBlue Facebook profile
בתגובה להודעה מספר 9 שנכתבה על ידי idan1986 שמתחילה ב ";margin: 0..."
ייפ
קוד:
 margin: 0 auto 0 auto;

פותר את הבעיה

אבל אני עדין לא מצליח להדביק תמונה לתחתית... רק עם טבלה, ואני מנסה להמנע מהן.
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה
כל המרבה הרי זה מסובך

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #11  
ישן 10-08-2008, 22:48
צלמית המשתמש של tnadav1
  משתמש זכר tnadav1 tnadav1 אינו מחובר  
 
חבר מתאריך: 02.10.05
הודעות: 2,355
שלח הודעה דרך MSN אל tnadav1
בתגובה להודעה מספר 10 שנכתבה על ידי BinaryBlue שמתחילה ב "ייפ [CODE] margin: 0 auto 0..."
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה
« לאשכול הקודם | לאשכול הבא »

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
מצב כלאיים מצב כלאיים
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך
קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 20:45

הדף נוצר ב 0.08 שניות עם 12 שאילתות
צור קשר - Fresh - למעלה

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2024 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר