www.webdeveloper.com
Results 1 to 9 of 9

Thread: IE and Firefox

  1. #1
    Join Date
    Jun 2005
    Posts
    5

    IE and Firefox

    Check out this page:

    Click Here

    Check it out on IE, and mouse over the left navigation, its all choppy.

    Check it out on FireFox, and the left navigation flows perfectly.

    What can I do to make this code work smoothly on IE as well?

  2. #2
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,755

  3. #3
    Join Date
    Jun 2005
    Posts
    5

    Still not working

    I gave a position: relative to my a styles.

    But it still is all choppy looking in IE

    any other ideas?

  4. #4
    Join Date
    Mar 2005
    Location
    Craiova
    Posts
    154
    it's absolutely the same in ie, firefox and opera right now.

  5. #5
    Join Date
    Jun 2005
    Posts
    5
    so the link at the top post. The left navigation doesnt seem jumpy to you at all. Its totally smooth mouseovers?

  6. #6
    Join Date
    Mar 2005
    Location
    Craiova
    Posts
    154
    yeah. it even looks better in ie than in firefox. it has a nice effect. and the layout is totally the same.

  7. #7
    Join Date
    Mar 2005
    Location
    Craiova
    Posts
    154
    I don't know what this could come from, just the other day it was working perfectly in IE.
    http://www.webhosting4free.biz/ftest/index3.htm

    HTML Code:
    <head>
    <style>
    div.backu {background:url('home/gbu.jpg') repeat;height:30px;position:absolute;top:0;left:30;right:30}
    div.backl {background:url('home/gbl.jpg') repeat-y;width:30px;position:absolute;top:30;left:0;bottom:30}
    div.backd {background:url('home/gbd.jpg') repeat;height:30px;position:absolute;left:30;bottom:0;right:30}
    div.backr {background:url('home/gbr.jpg') repeat;width:30px;position:absolute;top:30;bottom:30;right:0}
    div.backul {background:url('home/gclu.jpg') no-repeat;width:30px;height:30px;position:absolute;top:0;left:0}
    div.backur {background:url('home/gclr.jpg') no-repeat;width:30px;height:30px;position:absolute;top:0;right:0}
    div.backdl {background:url('home/gcl.jpg') no-repeat;width:30px;height:30px;position:absolute;bottom:0;left:0}
    div.backdr {background:url('home/gcr.jpg') no-repeat;width:30px;height:30px;position:absolute;bottom:0;right:0}
    body {margin:0;padding:0;background-color:#97d34d}
    </style>
    </head>
    <body>
    
    <div class="backu"></div>
    <div class="backl"></div>
    <div class="backd"></div>
    <div class="backr"></div>
    <div class="backul"></div>
    <div class="backur"></div>
    <div class="backdl"></div>
    <div class="backdr"></div>
    
    </body>
    This is the code. I haven't modified anything in it, but it won't work. Why?

  8. #8
    Join Date
    Mar 2005
    Location
    Craiova
    Posts
    154
    I got it to work in IE, I just hope no browser will mess up the divs.

    Do you have any better ideas for this?

    www.webhosting4free.biz/ftest/index4.htm

    HTML Code:
    <head>
    <style type="text/css">
    div.backu {background:url('home/gbu.jpg') repeat;width:100%;height:30px;position:absolute;top:0px}
    div.backl {background:url('home/gbl.jpg') repeat;width:30px;height:100%;position:absolute;left:0px}
    div.backd {background:url('home/gbd.jpg') repeat;width:100%;height:30px;position:absolute;bottom:0px}
    div.backr {background:url('home/gbr.jpg') repeat;width:30px;height:100%;position:absolute;right:0px}
    div.backul {background:url('home/gclu.jpg') no-repeat;width:30px;height:30px;position:absolute;top:0;left:0}
    div.backur {background:url('home/gclr.jpg') no-repeat;width:30px;height:30px;position:absolute;top:0;right:0}
    div.backdl {background:url('home/gcl.jpg') no-repeat;width:30px;height:30px;position:absolute;bottom:0;left:0}
    div.backdr {background:url('home/gcr.jpg') no-repeat;width:30px;height:30px;position:absolute;bottom:0;right:0}
    body {margin:0px;padding:0px;background-color:#97d34d}
    </style>
    <body>
    
    <div class="backu"></div>
    <div class="backl"></div>
    <div class="backd"></div>
    <div class="backr"></div>
    <div class="backul"></div>
    <div class="backur"></div>
    <div class="backdl"></div>
    <div class="backdr"></div>
    
    </body>
    Last edited by byeee; 06-23-2005 at 12:54 PM.

  9. #9
    Join Date
    Mar 2005
    Location
    Craiova
    Posts
    154
    great, now ie is having problems with the inner frame.
    is anything wrong with this line? any ideas why internet explorer doesn't "get it" ?

    div#frame {position:absolute;top:130px;left:30px;right:30px;bottom:30px}

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles