שלח תשובה

זירת השאלות

396
צפיות
4
תשובות

בעייה קוד של טקסט עם גלילה בfirefox

,‏ 17 בנובמבר, 2005

היי יש לי בעייה בקוד של חלון טקסט עם גלילה בצד,
הכל עובד יפה יפה ב 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 תשובות

  1. shofir הגיב:

    תשמע…
    אתה צריך להתעדכן בסטנדרטים חדשים.
    אתה משתמש וכותב בצורה מיושנת !
    לא משתמשים באותיות גדולות בשמות התגיות!
    לא משתמשים יותר בתגית FONT!
    שכחת לשים מרכאות בהמון מקומות!
    ובכלל כתבת שם פקודות כפולות ומיותרות!
    הנה הקוד כתוב כמו שצריך ועובד בשני הדפדפנים:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

    <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/

  2. זהר פלד הגיב:

    אם אתה כבר מתעקש על גודל האותיות
    בתגיות, כדאי שגם תתעקש לסגור את כל התגיות, כולל br.
    או שאתה כותב xhtml כמו שצריך, או שאתה כותב html.

  3. וואלה מדובר ב HTML לדעתי לפחות.
    בכל מקרה עדכנתי את כל האיזורי טקסט באתר ועכשיו עובד מצויין גם ב FireFox!
    זאת הכתובת: http://www.Huge-A.com

    חוץ מזה שכפי שכתבת אי אפשר לשנות את הצבעים של האיזור גלילה
    (מסכנה: מוזילה דפדפן פוזה חח..!   )

שלח תשובה