# Flytta inläggsrutan
Author: [Borttaget]

Hej! Har kört fast riktigt ordentligt i min renovering på bloggen. Har googlat rätt så mycket men inte hittat det jag letat efter.

Vill flytta min inläggsruta så att den passar precis med headern, någon som vet hur jag ska göra som? Har försökt med allt känns det som! :(

ni kan ju kika här om de är till någon hjälp www.sofiaalindmark.blogg.se

## Comment 1
Author: Em--ma

#content {   
border-top:3px double #ffffff;  
border-right:3px double #bca4af;  
width: 600px;  
**margin:300px;  
**float: left;  
background: #FFFFFF;  
padding: 20px;  
voice-family:"\\"}\\"";  
voice-family:inherit;  
width:5285px;    
}html>body #content { width: 630px }

 prova ändra den markerade margin, ju högre, desto mer kommer den mot höger.. ;)

## Comment 2
Author: [Borttaget]

åh tack så mycket!! :D Men har ett annat problem oxå, hur ska jag få menyn att komma upp igen? Just nu är den nedanför inläggen. Vet inte hur jag ska bära mig åt för att få den i själva inläggsbakgrunden eller hur man ska säga de som :)

## Comment 3
Author: [Borttaget]

ingen mer som kan hjälpa mig? :D

## Comment 4
Author: MoaW

det är antagligen nånting som blivit för brett, om två element ligger inuti det andra och inte får plats på bredden så hamnar det ena under det andra istället för bredvid. Om du har wrapper så testa öka bredden på den

## Comment 5
Author: [Borttaget]

funkade inte :S Headern flyttade sig bara längre till höger

## Comment 6
Author: MoaW

skulle du kunna ladda upp din css kod? stilmallen

## Comment 7
Author: [Borttaget]

body {  
background: #FFFFFF  
no-repeat left top;  
margin:0;  
padding:0px 0 0px;  
text-align:center;

}

a {color: #F5BC46;text-decoration:underline:none;}  
a:hover {color: #333;text-decoration:underline:none;}

#wrapper {  
text-align: left;  
width: 1000px;  
position:relative;  
margin:0px auto;  
padding: 0px 0px 0px;  
vertical-align: top;  
}

p {  
padding: 0px 0px 0px 0px;  
margin: 0px 0px 0px 0px;  
}

#header {  
background: url(http://sofiaalindmark.blogg.se/images/2011/hed\_125279133.png) no-repeat center top;  
margin: 40px;  
padding: 0px 0px 0px 0px;  
height: 390px;  
text-align: left;  
}

#side {  
margin-right:0;  
padding: 0px 0px 0px;  
background: transparent; no-repeat;  
float: left; right;  
width: 150px;  
}

#content {  
overflow: hidden;  
width: 990px;  
float: center;  
background: url(http://sofiaalindmark.blogg.se/images/2011/untitled-3\_125257982.png) no-repeat;  
padding: 0px 0px 0px;  
voice-family:"\\"}\\"";  
voice-family:inherit;  
text-align: left;  
vertical-align: top;  
border-top: 0px none;  
margin: 40px;

}

  
#header a { color: #F5BC46; text-decoration:none; }

h1 {  
font-family: arial, verdana, sans-serif;  
font-size: 2.2em;  
font-weight: bold;  
color: #FFF;  
margin-top:20px;  
margin-bottom:0px;  
padding:0px;  
}

h2 {  
font-family: verdana, arial, sans-serif;  
font-size: 10px;  
font-weight: bold;  
text-transform: uppercase;  
color: #FFF;  
margin-top:4px;  
margin-bottom:0px;  
margin-left: 0px;  
padding:0px;  
text-transform:uppercase;  
}

/\*\* Entry headers \*\*/  
h3 {  
font-family: arial, verdana, sans-serif;  
font-size: 30px;  
font-weight: medium;  
color: #727272;  
background: ;  
padding: 19px 10px 10px 75px;  
margin: 0px 0px 0px;  
height: 14px;  
vertical-align: top;  
}

.navheader {  
font-family: arial, verdana, sans-serif;  
font-size: 30px;  
font-weight: bold;  
color: #000000;  
margin-bottom: 3px;  
}

.nav {  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
font-weight: bold;  
}

.nav ul {  
padding: 0px 0px 6px;  
font-weight: normal;  
margin: 0px;  
}

.nav li {  
list-style: none;  
padding: 0px 0px 2px;  
font-weight: normal;  
margin: 0px;  
}

.nav a { color: #FFFFFF;text-decoration:none;}  
.nav a:hover { color: #666666;text-decoration:underline:none;}

/\*\* Post's body text \*\*/  
.entrybody {  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
font-weight: normal;  
color: #333;  
line-height: 140%;  
text-align:justify;  
padding:40px;  
margin: 10px 0px 0px 0px;  
}

/\*\* 'Posted by' txt \*\*/  
.entrymeta {  
font-family: verdana, arial, sans-serif;  
font-size: 10px;  
font-weight: normal;  
color: #666;  
padding:20px;  
text-align:left;  
}

.entrymeta a { color: #ecb1ce; text-decoration:none;}  
.entrymeta a:hover { color: #ffffff;text-decoration:none;}

.commentheader {  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
font-weight: bold;  
color: #333;  
line-height: 140%;  
padding: 10px 3px 3px 18px;  
border-top: 1px solid #FFF;  
}

.commenttext {  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
font-weight: normal;  
color: #333;  
line-height: 140%;  
margin-right:20px;  
margin-left:10px;  
padding-left:10px;  
}

.commentmeta {  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
font-weight: normal;  
color: #333;  
text-align:left;  
padding: 10px 20px 20px 10px;  
}

.commentmeta a { color: #F5BC46; text-decoration:underline:none;}  
.commentmeta a:hover { color: #333;text-decoration:underline:none; }

.commentform {  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
font-weight: normal;  
color: #333;  
margin: 0px 0px 20px 0px;  
padding:20px;

}

.separator {  
display: none;  
}

.default {  
display:none;  
}

.subside {  
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;  
font-size: .7em;  
font-weight: normal;  
padding: 0px 0px 0px 0px;  
}

  
.xmlButton {  
border:1px solid;  
border-color:#FC9 #630 #330 #F96;  
padding:0 3px;  
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;  
color:#FFF;  
background:#F60;  
text-decoration:none;  
margin:0;  
}

.image {  
border: 1px solid #5E6655;  
padding: 0px 0px 0px 0px;  
margin: 0px 6px 6px 0px;  
}

.thumbnail {  
border: 2px solid #889977;  
margin: 0px 6px 6px 0px;  
}

.video{  
padding: 0px 0px 30px 30px;  
}

.fieldName{  
font-family: Verdana, Arial, Helvetica, Sans-serif;  
font-size: 11px;  
margin: 0px 0px 12px 0px  
}

select{  
font-family: Verdana, Arial, Helvetica, Sans-serif;  
font-size: 11px;  
}

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*  
\* Calendar \*  
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/

#calendar {  
color: #000000;  
font-family: 'Trebuchet MS', Verdana, sans-serif;  
padding: 0px 0px 6px 0px;  
text-align: left;  
}

#calendar table {  
padding: 1px;  
/\*border-collapse: collapse;\*/  
border: 0px;  
}

#calendar table caption {  
color: #000000;  
font-family : Arial, Helvetica, sans-serif;  
font-size : 13px;  
border-bottom: 3px solid #000000;  
text-align: left;  
font-weight: bold;  
text-transform: uppercase;  
padding: 3px;  
}

#calendar table th {  
text-align: center;  
font-weight: bold;  
font-size: xx-small;  
}

#calendar table tr td {  
border: 1px solid #F1F1F1;  
text-align: center;  
font-size: xx-small;  
}

#calendar table tr ul {  
color: #BBB;  
list-style: dot;  
margin: 0px 0px 0px 20px;  
padding: 4 0 5 0;  
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;  
font-size : 0.7em;  
}

#calendar table tr td.cssDayMouseOver {  
border: 1px dotted red;  
cursor: hand;  
}

#calendar table tr td.cssDayMouseOut {  
border: 1px solid #F1F1F1;  
}

#calendar table tr td.cssEntryBox {  
border: 1px solid gray;  
padding: 6px;  
text-align: left;  
background: #FFFFFF;  
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;  
font-size : 0.8em;  
}

#calendar table tr td ul li {  
}

#calendar table tr td div.cssDayEntryHeader {  
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;  
font-size : 0.8em;  
text-align: left;  
font-weight: bold;  
padding: 4;  
}

#calendar table tr td div.cssDayAvailable {  
text-decoration: underline;  
text-weight: bold;  
}  
form {  
margin: 0px 0px 6px;  
padding-left: 10px;  
}  
em {  
margin: 0px;  
padding: 0px;  
border: 0px none;  
text-align: left;  
letter-spacing: 0.1em;  
}

#profile {  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
font-weight: normal;  
color: #FFF;  
margin-bottom: 10px;  
}

#profile h4{  
font-family: arial, verdana, sans-serif;  
font-size: 15px;  
font-weight: bold;  
color: #000000;  
margin-bottom: 3px;  
padding: 0px 0px 0px 0px;  
margin: 0px 0px 6px 0px;  
}

#profile p{  
}

#profile p a{  
color: #FFF;  
}

#profile p a:hover{  
color: #333;  
}

## Comment 8
Author: eukaryoter

din content är på tok för bred.

Det är därför den inte får plats.

## Comment 9
Author: Em--ma

Du ska lixom plussa ihop  
**side width** med **content wi**dth.  
Och sen så kollar du hur brett det blev tillsammans och sen ändrar du till den siffran på **wrapper width**.

## Comment 10
Author: eukaryoter

Och sen måste man ta hänsyn till att right-left padding includeras i width.