Title: Div Positioning
Last modified: August 19, 2016

---

# Div Positioning

 *  [LeftClick](https://wordpress.org/support/users/leftclick/)
 * (@leftclick)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/div-positioning/)
 * I have created a second menu on the right hand side with a similar cascading 
   effect as the sidebar:
 * [http://www.safrestaurants.co.uk/shoreditch/saf-shoreditch/food/](http://www.safrestaurants.co.uk/shoreditch/saf-shoreditch/food/)
 * It has been put within a shoreditchfood div with the following properties:
 * .shoreditchfood {
    display: block; position: relative; left: 513px; z-index: 
   50; top: -270px; width: 134px; background-image: url(‘[http://www.safrestaurants.co.uk/shoreditch/wp-content/themes/child/images/menu-opacity.png&#8217](http://www.safrestaurants.co.uk/shoreditch/wp-content/themes/child/images/menu-opacity.png&#8217););}
 * However the position of the div is inconsistent across pages and posts on the
   website. On the two ‘Drinks Menu’ pages the menu sits outside of the website 
   height and isn’t even visible.
 * Any ideas what is causing the problem?
 * Thank you in advance.
 * Laura

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/div-positioning/#post-1844862)
 * Start by sorting out the [markup errors](http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.safrestaurants.co.uk%2Fshoreditch%2Fsaf-shoreditch%2Ffood%2F).
   Then move onto the [CSS errors](http://jigsaw.w3.org/css-validator/validator?profile=css3&warning=0&uri=http%3A%2F%2Fwww.safrestaurants.co.uk%2Fshoreditch%2Fsaf-shoreditch%2Ffood%2F).
   
   [http://codex.wordpress.org/Validating_a_Website](http://codex.wordpress.org/Validating_a_Website)
 *  [SpaceDogDeveloper](https://wordpress.org/support/users/spacedogdeveloper/)
 * (@spacedogdeveloper)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/div-positioning/#post-1844888)
 * I didn’t look into your problem too deeply, but I did see this:
 * <ul class=”menu collapsible” id=”menu shoreditchfood”>
 * To the best of my knowledge, you can’t have multiple id’s on a page like you 
   can for classes (you have another id=”menu” elsewhere on the page), and I’m pretty
   sure you can’t nest id’s either (so, no id=”id1 id2 id3″).
 * That might have something to do with your issues…

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Div Positioning’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 3 participants
 * Last reply from: [SpaceDogDeveloper](https://wordpress.org/support/users/spacedogdeveloper/)
 * Last activity: [15 years, 5 months ago](https://wordpress.org/support/topic/div-positioning/#post-1844888)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics