www.webdeveloper.com
Results 1 to 8 of 8

Thread: Div's moving in I.E. but not Firefox

  1. #1
    Join Date
    Dec 2008
    Posts
    76

    Div's moving in I.E. but not Firefox

    Hi,
    This works fine on firefox, but not i.e., The Div's below the menu on the left are moving when i put mouseover the menu's, can somebody help? I'm new to CSS


    here is the link

    http://www.jointheclub.ie/index.php

  2. #2
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    I don't know if this has something to do with that or not, but you're using ID's more than once, which can cause problems. An ID can only be used for one element; use classes for multiple instances.
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  3. #3
    Join Date
    Dec 2008
    Posts
    76
    I am using different ID's for the different menu items, its ok for firefox, so this must be something on I.E. ?

  4. #4
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    Hmmm... the validator seems to think differently:
    # Error Line 97, Column 10: ID "sublinkjs" already defined.

    <ul id="sublinkjs">



    An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
    # Info Line 84, Column 13: ID "sublinkjs" first defined here.

    <ul id="sublinkjs">

    # Error Line 111, Column 12: ID "sublinkjs" already defined.

    <ul id="sublinkjs">



    An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
    # Info Line 84, Column 13: ID "sublinkjs" first defined here.

    <ul id="sublinkjs">

    # Error Line 125, Column 11: ID "sublinkjs" already defined.

    <ul id="sublinkjs">



    An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
    # Info Line 84, Column 13: ID "sublinkjs" first defined here.

    <ul id="sublinkjs">
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  5. #5
    Join Date
    Dec 2008
    Posts
    76
    Quote Originally Posted by KDLA View Post
    Hmmm... the validator seems to think differently:
    sorry......I'm just geting my head into CSS, i'll try using different Ids...

  6. #6
    Join Date
    Dec 2008
    Posts
    76
    ok, I removed the offending ID's and its till the same...

  7. #7
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    I'm guessing it's an <li> problem. You'll need to assign a width to the <li> (IE needs that, or puts extra space under the <li>), and also include "list-style-type: none;" to get rid of the bullets that are forcing themselves into the picture.
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  8. #8
    Join Date
    Dec 2008
    Posts
    76
    I've messed around with all the above, still no joy, is there a way to fix the bottom DIV's?

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