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

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



  #1  
ישן 14-07-2008, 19:35
  משתמש זכר davidman davidman אינו מחובר  
 
חבר מתאריך: 27.04.05
הודעות: 441
בעייה במיקום CSS

ככה האתר נראה ב IE :

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

וכך ב FF :

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

אני לא מבין למה ב FF זה לא נראה כמו ב IE שזה מה שאני מנסה להשיג .
הנה קובץ ה CSS :
קוד:
* { margin:0; padding:0; } body{ background-color: #800000; text-align:center; } .cont{ margin: 0 auto; width:740px; } .toplogo{ position:relative; top:10px; width: 400px; height: 100px; background-image: url(images/lol.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; } .googleadd{ position:relative; top:20px; width: 728px; height: 90px; background-color: green; } .links{ position:relative; right: -150px; width: 150px; float: right; } .toptext{ position:relative; top:30px; width: 740px; height: 20px; } .midlogo{ position:relative; top:40px; right:-170px; width: 300px; height: 50px; background-image: url(images/infi.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; } .sidelogo{ float:left; width: 60px; height: 400px; background-image: url(images/side.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; } .news{ width: 600px; text-align:right; margin-left: auto; margin-right: auto; background-color: green; } .footerlogo{ width: 300px; height: 50px; background-image: url(images/tahtit.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; } .downlinks{ width: 740px; height: 20px; background-color: green; margin-left: auto; margin-right: auto; } .midcont{ position:relative; top:50px; width: 740px; } .footer{ position:relative; top:60px; width: 740px; background-color: blue; margin-left: auto; margin-right: auto; }

והנה ה HTML :
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css.css"> <meta http-equiv="content-language" content="en,iw"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div class="cont"> <div class="toplogo"></div> <div class="googleadd">google add comes here</div> <div class="toptext">אתר מגניב ממש ממש</div> <div class="midcont"> <div class="links"> <img src="images/main.jpg"> <img src="images/forums.jpg"> <img src="images/odot.jpg"> <img src="images/horadot.jpg"></div> <div class="midlogo"></div> <div class="sidelogo"></div> <div class="news">sdfdsfdsf</div>‎ </div> <div class="footer">hfghfgh dsfdfd <div> </div> </body> </html>
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #11  
ישן 24-07-2008, 16:10
  משתמש זכר davidman davidman אינו מחובר  
 
חבר מתאריך: 27.04.05
הודעות: 441
בתגובה להודעה מספר 2 שנכתבה על ידי DCD שמתחילה ב "ה-CSS שלך מלא ב-..."

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

HTML :
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div class="main"> <div class="header"> <div id="toplogo"><img src="images/lol.jpg" /></div> <div id="googleadd"></div> </div> <div class="container"> <div class="rightlinks"> <img src="images/main.jpg"> <img src="images/forums.jpg"> <img src="images/odot.jpg"> <img src="images/horadot.jpg"> </div> <div class="leftlogo"><img src="images/side.jpg" /></div> <div class="maincont">dsfdssssssssss sdffffffffffffffffff sdffffffffffffffffffffffffff dssssssssssssssssssss fsdf</div> </div> <div class="footer"> <div class="footerlogo"><img src="images/tahtit.jpg" /></div> <div class="footercont"></div> </div> </div> </body> </html>

CSS :
קוד:
* { margin:0; padding:0; } body{ background-color: #800000; text-align:center; } .container{ width: 800px; margin: 0 auto; } .rightlinks{ width: 150px; float: right; } .leftlogo{ width: 60px; height: 400px; float: left; }

הבעייה היא המיקום של החלק התחתון ,
ב FF זה נראה ככה:

תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה
וב IE ככה :

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

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

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

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

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

קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



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

הדף נוצר ב 0.04 שניות עם 12 שאילתות

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

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