צפיות
תשובות
בעייה קוד של טקסט עם גלילה בfirefox
היי יש לי בעייה בקוד של חלון טקסט עם גלילה בצד,
הכל עובד יפה יפה ב IE
אבל ב FireFox הטקסט פשוט יוצא החוצה מהגדרות גודל חלון הטקסט וגם לא מופיע איזור גלילה.
ושוב ב IE זה עובד מצויין!
הבעייה היא ב FireFox בלבד.
הנה הקוד שאני משתמש בו:
<STYLE>.scrollingDiv { BORDER-RIGHT: 0px inset; BORDER-TOP: 0px inset; OVERFLOW-Y: scroll;
BORDER-LEFT: 0px inset; WIDTH: 490px; HEIGHT: 172px; BORDER-BOTTOM: 0px inset;
TEXT-ALIGN: left; scrollbar-base-color: #000000;
scrollbar-arrow-color: #ffffff; scrollbar-track-color: #B7B7B7; background-image:url(index/03_wallpaper.jpg); background-repeat:no-repeat; }</STYLE>
<DIV class=scrollingDiv style="border:black 1px solid;"><FONT face=Arial size=-1 color="#000000"><SPAN style="FONT-SIZE: 12px">
<BR>blablabla
<BR>blablabla
<BR>blablabla
<BR>blablabla
<BR>blablabla
</SPAN></FONT></DIV>
אשמח לדעת מה לא בסדר בקוד שלי
ואם הוא בסדר, אז אשמח לקבל קוד חילופי לטקסט עם גלילה שיעבוד גם בפייר-פוקס בבקשה.
והנה אני מצרף תמונת מצב של מה שקורה בפייר-פוקס.
תודה!
4 תשובות
תשמע…
אתה צריך להתעדכן בסטנדרטים חדשים.
אתה משתמש וכותב בצורה מיושנת !
לא משתמשים באותיות גדולות בשמות התגיות!
לא משתמשים יותר בתגית FONT!
שכחת לשים מרכאות בהמון מקומות!
ובכלל כתבת שם פקודות כפולות ומיותרות!
הנה הקוד כתוב כמו שצריך ועובד בשני הדפדפנים:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page title</title>
<STYLE>
.scrollingDiv {
width: 490px;
height: 172px;
overflow: auto;
text-align: left;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #B7B7B7;
background:url(index/03_wallpaper.jpg) no-repeat;
border:black 1px solid;
font: normal 12px arial, sans-serif;
color: black;
}
</STYLE>
</head>
<body>
<div class="scrollingDiv">
blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablablablablablblablablablablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
<br>blablabla
</div>
</body>
</html>
צביעת הסקרולר עובדת רק באקספלורור כי בעיקרון אלה פקודות לא חוקיות!
ובכלל כדאי שתעשה בדיקת תקניות לכל דף שאתה מסיים:
לHTML = http://validator.w3.org/
לCSS = http://jigsaw.w3.org/css-validator/
תודה רבה!

ותודה על ההסברים גם!
=)
אם אתה כבר מתעקש על גודל האותיות
בתגיות, כדאי שגם תתעקש לסגור את כל התגיות, כולל br.
או שאתה כותב xhtml כמו שצריך, או שאתה כותב html.
וואלה מדובר ב HTML לדעתי לפחות.
בכל מקרה עדכנתי את כל האיזורי טקסט באתר ועכשיו עובד מצויין גם ב FireFox!
זאת הכתובת:
חוץ מזה שכפי שכתבת אי אפשר לשנות את הצבעים של האיזור גלילה
)
(מסכנה: מוזילה דפדפן פוזה חח..!