?
Solved

Doubled up

Posted on 2013-02-02
2
Medium Priority
?
114 Views
Last Modified: 2013-02-03
Ive got a strange issue where the divs are duplicated up.

What I don't understand is why its duplicated, when I hover over the element, I get the child loading correctly, but with duplicated div:-
Issue
If I remove the line:-
left: -20px; 

Open in new window

The div is not duplicated, but I want it to come back a little to the left when hovered.

I don't understand why its duplicated :-S

I've put the page at jsfiddle as an example of whats happening.

Can anyone advise?
0
Comment
Question by:tonelm54
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 6

Accepted Solution

by:
nickinthooz earned 2000 total points
ID: 38847086
 <div id="divMenu">
    <div style="width:100%; height:35px; background-color: #849CC2;">
      <ul id="menu">
        <li><a href="#">Item 1</a>
          <div>
          Drop down Content
          </div> <-- was still open, I closed them.
        </li>
        <li><a href="#">Item 2</a>
          <div>
          Drop down Content
          </div> <-- was still open, I closed them.
        </li>
      </ul>
    </div>
    <div id="divContents" style="width:100%; height:200px; background-color: #DD8889; overflow-y: scroll; overflow-x: hidden;">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
    </div>
</div>

Open in new window


the div codes under your menu weren't closed.  Two open sets.  I closed them and it worked fine.
 <div>
Drop down Content
<div>

Open in new window

needed to be:
 <div>
Drop down Content
</div>

Open in new window


here's the fixed version:
http://jsfiddle.net/mQBNF/1/
0
 

Author Closing Comment

by:tonelm54
ID: 38848452
I had looked at them, and on the tutorial site I followed to get that part working, it doesn't close them. But it works now in the complete side of things, so :-)

Thank you
0

Featured Post

Want to be a Web Developer? Get Certified Today!

Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!

Question has a verified solution.

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

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Suggested Courses
Course of the Month8 days, 21 hours left to enroll

764 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