Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Doubled up

Posted on 2013-02-02
2
Medium Priority
?
116 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

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

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

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses

604 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