---
title: "Flytta ner mitt menu-div element med css."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/192727-flytta-ner-mitt-menu-div-element-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "andenwee"
published: "2015-06-05T08:29:17.000Z"
updated: "2015-06-05T14:08:38.000Z"
replies: 3
views: 1169
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/192727-flytta-ner-mitt-menu-div-element-med-css"
---
# Flytta ner mitt menu-div element med css.
## #1 — andenwee, 2015-06-05T08:29Z
Hej jag fattar inte hur jag skall flytta ner mitt menu-div element. När jag kör margin-top eller padding-top så ligger det kvar längst upp och det blir som att bara heigten ändras till större. Hur skall jag bygga upp min kod för att detta skall funka?
Min html:
```
Home
Contact
Products
About us
```
Min css:
```
* {
margin: 0px;
padding: 0px;
background: #421F1F;
}
.top {
background-image: url(images/logo2.png);
height: 400px;
width: 100%;
}
.menu-div {
background-color: #421F1F;
height: 40px;
max-height: 40px;
width: 60%;
max-width: 700px;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
float: inherit;
padding-top: 20px;
}
.menu {
text-align: center;
color: white;
}
.menu ul {
text-align: center;
list-style-type: none;
color: white;
padding-top: 10px;
}
.menu li {
display: inline;
}
```
Tacksam för lite hjälp är helt ny på html och css
Permalänk: https://www.webforum.nu/p/192727
## #2 — prplxr, 2015-06-05T09:58Z
Du kan lägga till följande CSS till .menu-div
```
position: relative;
top: 20px;
```
[JSFiddle](https://jsfiddle.net/yzotu024/)
**position: relative;**
gör att elementets position beräknas utifrån där det SKULLE ha hamnat om man inte positionerat det alls och bara låtit webbläsaren avgöra var det skulle hamna.
**top: 20px;**
gör tillsammans med *position: relative;* att elementet positioneras i sin "originalposition" +20 pixlar från toppen.
Permalänk: https://www.webforum.nu/p/2318621
## #3 — voigtann1, 2015-06-05T11:27Z
> **[prplxr skrev:](https://www.webforum.nu/p/1573152)**
>
> **position: relative;**
> gör att elementets position beräknas utifrån där det SKULLE ha hamnat om man inte positionerat det alls och bara låtit webbläsaren avgöra var det skulle hamna.
>
> **top: 20px;**
> gör tillsammans med *position: relative;* att elementet positioneras i sin "originalposition" +20 pixlar från toppen.
position relative behåller box-ytan som elementet skulle ha renderats
Permalänk: https://www.webforum.nu/p/2318622
## #4 — andenwee, 2015-06-05T14:08Z
Tack nu funkar det!
Permalänk: https://www.webforum.nu/p/2318623
---
Tråden på webben: https://www.webforum.nu/amne/html-css/192727-flytta-ner-mitt-menu-div-element-med-css