Solved

Doubled up

Posted on 2013-02-02
2
111 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
2 Comments
 
LVL 6

Accepted Solution

by:
nickinthooz earned 500 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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Suggested Solutions

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

856 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