?
Solved

position a scrolling text within a table in IE

Posted on 1999-12-09
3
Medium Priority
?
186 Views
Last Modified: 2010-07-27
Hello

I'm trying to position a scrolling text within a table.
In Netscape I've used the following syntax which seem's great in any
resolution:

<style>
#divCont{position:relative; top:7; left:7; clip:rect(0,170,100,0);
height:100; width:170}
.clScroll{position:absolute; top:0; font-size:10pt; left:0;
font-family:ariel (hebrew);  visibility:hidden}
</style>

you can see the entire source here:
http://mop.ort.org.il/courses/habaa/dnet.htm

Unfortunately, Internet Explorer doesn't seem to recognize this
"relative" property!
I've tried to using the "absolute" property, but this causes problems
with different resolutions. You can see that in following page:
http://mop.ort.org.il/courses/habaa/dex.htm

Please try to run my page:
http://mop.ort.org.il/courses/habaa/dnet.htm
in both browsers in order to see the problem.
Any suggestions (and especially solutions) would be greatly appreciated.



Thank you in advance,
Sharon

0
Comment
Question by:aviyyy
  • 2
3 Comments
 

Author Comment

by:aviyyy
ID: 2268818
Adjusted points to 130
0
 
LVL 2

Expert Comment

by:mblase
ID: 2270139
You can solve this problem by tricking IE with a third, absolute layer between the two you have now:

<STYLE>
#divCont {
    POSITION: relative;
    HEIGHT: 100px;
    WIDTH: 170px;
    TOP: 7px;
    LEFT: 7px;
      CLIP: rect(0,170,100,0);
}
#divCont2 {
    POSITION: absolute;
    HEIGHT: 100px;
    WIDTH: 170px;
    TOP: 0px;
    LEFT: 0px;
      CLIP: rect(0,170,100,0);
}
..clScroll {
    POSITION: absolute;
    VISIBILITY: hidden;
      FONT-FAMILY: ariel (hebrew);
    FONT-SIZE: 10pt;
    LEFT: 0px;
    TOP: 0px;
}
</STYLE>

.....

            <DIV id=divCont><DIV id=divCont2>
            <DIV class=clScroll id=divScroll1>
   ... text text text ...
</DIV></DIV></DIV>


You'll also need to alter one of your JavaScript functions, like so:


function scrollInit(){
      oScroll=new Array()
      oScroll[0]=new      makeScrollObj('divScroll1','divCont.document.divCont2')
      oScroll[0].css.visibility='visible'
}
0
 
LVL 2

Accepted Solution

by:
mblase earned 260 total points
ID: 2270153
The first two changes compensate for IE; the third is necessary to keep Netscape functioning.
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

592 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question