# Hjälp med desigen
Author: Plopp4

Hej. Jag behöver lite hjälp med min blogg. Jag försökte fixa så att det blev vitt där inläggen är. Men då ändrades rubrikerna och headern blev jättestor...

Min blogg... ---> [http://kaninhopparen.blogg.se/?tmp=11201803](http://kaninhopparen.blogg.se/?tmp=11201803)

Jag tog bort headern sålänge, så att jag kan fixa "det vita". Jag har försökt göra de större men...

Sedan kommer inläggen jätte mkt till vänster som ni ser...

Kan någon hjälpa mig?

Kram Jossan

## Comment 1
Author: Tina-A

Det är ju vitt där inläggen är, men menyn har hoppat ner och den har inte vit bakgrund (om det är vad du vill ha).

Du kan väl klistra in din stilmall här så man kan titta på den, då blir det lättare att säga vad som ser tokigt ut!

## Comment 2
Author: Plopp4

Ja det kan jag göra.  Ja, menyn vill jag va vid sidan. Precis som förut. Vill gärna ha vit bakrund på den med. Men inläggen har kommit så mkt till vänster.. :/

Jag kopierade hela stilmallen nu.

## Comment 3
Author: Plopp4

html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li,img,table,caption,tr,th,td,tt,span,fieldset,legend, form { margin: 0; padding: 0; border: 0; }  
input, select, textarea { margin: 0; padding: 0; }

/\*  
\* play around with these to change settings on your blog!  
\*/

/\* link colors \*/  
a {  
color: #369;  
}  
a:hover {  
color: #025;  
}

/\* font & border \*/  
body {  
font: 12px/16px 'Lucida Grande', Arial, Sans-serif;  
border-top: 5px solid #369;  
}

h1,h3,h4,h5,h6, div.navheader, div.default {  
font-family: 'Times New Roman', Georgia, Serif;  
color: #222;  
}

div#side h3 div.navheader {  
color: #666;  
}

/\*  
\* do not alter these if you don't know what you're doing  
\*/

body {  
background: #F9D4DE;  
}

div#wrapper {  
margin: 0 auto 20px auto;  
width: 750px;  
}

div#header {  
background: url no-repeat center center;  
float: left;  
clear: left;  
display: inline;  
padding: 0 20px 20px 20px;  
border-bottom: 1px solid #ddd;  
width: 1000px;

}

#header {  
background: url no-repeat center center;  
padding-left: 30px;  
padding-bottom:15px;  
padding-top:30px;  
margin: 0px;  
width: 750px;  
height: 600px;

}

div#content, #sidebar {

background: #FFF;  
{  
float: left;  
clear: left;  
display: inline;  
padding: 0 40px 40px 40px;  
width: 1000px;  
}

div#side {  
width: 150px;  
padding: 0 20px 0 0;  
float: right;  
display: inline;  
}

div#side div.navheader, div#side h4, div.default {  
padding: 20px 0 5px 0;  
font-size: 16px;  
font-weight: normal;  
}

/\* hide calender - doesn't work anyway \*/  
div#side div#calendar {  
display: none;  
}

div#header h1 {  
font-size: 45px;  
letter-spacing: -2px;  
font-weight: bold;  
margin: 50px 0 15px 0;  
}

div#header h1 a {  
text-decoration: none;  
color: #222;  
cursor: default;  
}

div#header h2 {  
font-size: 10px;  
margin-left: 15px;  
color: #666;  
}

div#content h3 {  
font-size: 24px;  
font-weight: normal;  
margin: 20px 0 10px 0;  
}

div#content div.entrybody {  
margin: 0 15px 0 15px;  
}

div#content div.entrybody ul {  
margin: 10px 0 10px 15px;  
}

div#content div.entrybody li {  
font-size: 12px;  
color: #222;  
list-style-type: square;  
}

div.default {  
margin: 0 0 15px 0;  
}

div.nav input {  
margin-right: 5px;  
}

div.nav li {  
list-style: none;  
padding: 2px 0;  
}

div.nav ul li strong {  
line-height: 37px;  
font-size: 11px;  
}

div.entrymeta {  
font-size: 11px;  
margin: 0 0 0 15px;  
padding: 10px 0 10px 0;  
color: #666;  
line-height: 7px;  
}

div.commentheader, p.commenttext {  
margin: 0 0 0 15px;  
font-weight: bold;  
color: #222;  
}

p.commenttext {  
font-weight: normal;  
}

div.commentmeta {  
color: #666;  
margin: 5px 0 20px 15px;  
font-size: 11px;  
}

form.commentform {  
font-size: 11px;  
}

form.commentform input, form.commentform textarea {  
margin: 0 5px 10px 0;  
vertical-align: middle;  
}

input.formbutton {  
margin-top: 10px;  
}

.separator {  
display:none;  
}

.subside {}

.image {  
border: 0;  
margin: 0 6px 6px 0;  
}

.thumbnail {  
margin: 0 6px 6px 0;  
}

.video {  
padding: 0;  
}

.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;  
}

## Comment 4
Author: Tina-A

html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li,img,table,caption,tr,th,td,tt,span,fieldset,legend, form { margin: 0; padding: 0; border: 0; }  
input, select, textarea { margin: 0; padding: 0; }

/\*  
\* play around with these to change settings on your blog!  
\*/

/\* link colors \*/  
a {  
color: #369;  
}  
a:hover {  
color: #025;  
}

/\* font & border \*/  
body {  
font: 12px/16px 'Lucida Grande', Arial, Sans-serif;  
border-top: 5px solid #369;  
}

h1,h3,h4,h5,h6, div.navheader, div.default {  
font-family: 'Times New Roman', Georgia, Serif;  
color: #222;  
}

div#side h3 div.navheader {  
color: #666;  
}

/\*  
\* do not alter these if you don't know what you're doing  
\*/

body {  
background: #F9D4DE;  
}

div#wrapper {  
margin: 0 auto 20px auto;  
width: 800px;  
}

div#header {  
background: url no-repeat center center;  
float: left;  
clear: left;  
display: inline;  
padding: 0 20px 20px 20px;  
border-bottom: 1px solid #ddd;  
width: 1000px;

}

#header {  
background: url no-repeat center center;  
padding-left: 30px;  
padding-bottom:15px;  
padding-top:30px;  
margin: 0px;  
width: 750px;  
height: 600px;

}

div#content, #sidebar {

background: #FFF;  
{  
float: left;  
clear: left;  
display: inline;  
padding: 0 40px 40px 40px;  
width: 600px;  
}

div#side {  
background: #ffffff;  
width: 150px;  
padding: 0 20px 0 0;  
float: right;  
display: inline;  
}

div#side div.navheader, div#side h4, div.default {  
padding: 20px 0 5px 0;  
font-size: 16px;  
font-weight: normal;  
}

/\* hide calender - doesn't work anyway \*/  
div#side div#calendar {  
display: none;  
}

div#header h1 {  
font-size: 45px;  
letter-spacing: -2px;  
font-weight: bold;  
margin: 50px 0 15px 0;  
}

div#header h1 a {  
text-decoration: none;  
color: #222;  
cursor: default;  
}

div#header h2 {  
font-size: 10px;  
margin-left: 15px;  
color: #666;  
}

div#content h3 {  
font-size: 24px;  
font-weight: normal;  
margin: 20px 0 10px 0;  
}

div#content div.entrybody {  
margin: 0 15px 0 15px;  
}

div#content div.entrybody ul {  
margin: 10px 0 10px 15px;  
}

div#content div.entrybody li {  
font-size: 12px;  
color: #222;  
list-style-type: square;  
}

div.default {  
margin: 0 0 15px 0;  
}

div.nav input {  
margin-right: 5px;  
}

div.nav li {  
list-style: none;  
padding: 2px 0;  
}

div.nav ul li strong {  
line-height: 37px;  
font-size: 11px;  
}

div.entrymeta {  
font-size: 11px;  
margin: 0 0 0 15px;  
padding: 10px 0 10px 0;  
color: #666;  
line-height: 7px;  
}

div.commentheader, p.commenttext {  
margin: 0 0 0 15px;  
font-weight: bold;  
color: #222;  
}

p.commenttext {  
font-weight: normal;  
}

div.commentmeta {  
color: #666;  
margin: 5px 0 20px 15px;  
font-size: 11px;  
}

form.commentform {  
font-size: 11px;  
}

form.commentform input, form.commentform textarea {  
margin: 0 5px 10px 0;  
vertical-align: middle;  
}

input.formbutton {  
margin-top: 10px;  
}

.separator {  
display:none;  
}

.subside {}

.image {  
border: 0;  
margin: 0 6px 6px 0;  
}

.thumbnail {  
margin: 0 6px 6px 0;  
}

.video {  
padding: 0;  
}

.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;  
}

## Comment 5
Author: Tina-A

Klistra in den så tror jag att menyn hamnar rätt

## Comment 6
Author: Plopp4

okej, så jag tar bort min stilmall och ersätter den med den du skrev ? :)

## Comment 7
Author: Tina-A

#6: Ja, precis :)

## Comment 8
Author: Plopp4

Nej, den är fortfarande där nere :/

## Comment 9
Author: Tina-A

Det verkar som att något försvunnit helt, det här är fel;

div#content, #sidebar {  
background: #FFF;  
{  
float: left;  
clear: left;  
display: inline;  
padding: 0 40px 40px 40px;  
width: 1000px;  
}

Vänta lite så ska jag fixa en annan stilmall som funkar

## Comment 10
Author: Tina-A

body {  
margin: 0px;  
padding:0px;  
background: #F9D4DE}

a {  
color: #999999;  
}  
a:hover {color: #80FF9F;}

#wrapper {  
clear:none;  
margin: 30px auto;  
padding: 20px;  
width: 850px;  
background-color: #ffffff;  
}

#wrapper:after {  
content: ".";  
display: block;  
height: 0;  
clear: both;  
visibility: hidden;  
}

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

#header {  
background: #F9D4DE no-repeat right center;  
padding-left: 30px;  
padding-bottom:15px;  
padding-top:30px;  
margin: 0px 0px 20px;  
width: 800px;  
height: 55px;  
}

#side {

background: #ffffff;  
float: right;  
width: 200px;  
margin: 10px 0px 0px 0px;  
padding: 24px 18px 0px 12px;  
left:-30px;  
}

#content {  
background: ffffff;  
overflow: hidden;  
width: 600px;  
position:relative;  
left:0px;  
padding: 20px 0px;  
voice-family:"\\"}\\"";  
voice-family:inherit;  
width:600px;  
float: left;  
margin: 0px 10px 0px 0px;  
}html>body #content { width: 600px }

#header a {  
color: #000;  
text-decoration: none;  
font-family: Arial, Helvetica, sans-serif;  
font-size: 24px;  
font-weight: normal;  
}

h1 {  
font-family: arial, verdana, sans-serif;  
font-size: 14px;  
font-weight: bold;  
color: #000;  
text-transform:uppercase;  
margin: 0px;  
padding: 0px;  
height: 30px;  
}

h2 {  
font-family: arial, verdana, sans-serif;  
font-size: 11px;  
font-weight: normal;  
color: #000000;  
margin: 0px;  
padding: 0px;  
width: 170px;  
}

/\*\* Entry headers \*\*/  
h3 {  
background: #FFFFFF;  
font-family: Arial, Helvetica, sans-serif;  
font-size: 14px;  
font-weight: bold;  
padding:10px 10px 10px 0px;  
color: #000000;  
margin: 0px 0px 10px;  
}

.navheader {  
font-family:  Arial, Helvetica, Sans-serif;  
font-size: 14px;  
font-weight: bold;  
color: #000000;  
padding:5px 5px 0px;  
margin-bottom:0px;  
background-color:#FFFFFF;  
text-transform: uppercase;  
}

.nav {  
font-family: verdana, Arial, Helvetica, Sans-serif;  
font-size: 11px;  
font-weight: bold;  
color: #000000;  
margin: 0px;  
}

.nav ul {  
margin: 0px 0px 12px;  
padding: 5px 10px 10px;  
font-weight: normal;  
background-color: #FFFFFF;  
}

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

.nav a { color: #000000; }  
.nav a:hover { color: #ED6EA3; }

/\*\* Post's body text \*\*/  
.entrybody {  
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 12px;  
font-weight: normal;  
color: #000000;  
line-height: 150%;  
margin: 0px 0px 10px;  
background-color: #FFFFFF;  
padding: 10px;  
}

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

.entrymeta a { color: #E04201; }  
.entrymeta a:hover { color: #80FF9F; }

.commentheader {  
font-family:  arial, helvetica, sans-serif;  
font-size: 11px;  
font-weight: bold;  
background-color:#809FFF;  
padding:5px;  
color: #FFFFFF;  
}

.commenttext {  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
font-weight: normal;  
color: #000;  
line-height: 130%;  
}

.commentmeta {  
font-family: verdana, arial, sans-serif;  
font-size: 10px;  
font-weight: normal;  
color: #999999;  
margin: 10px 0px 20px 0px  
}

.commentmeta a { color: #809FFF; }  
.commentmeta a:hover { color: #80FF9F; }

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

.separator {  
border-top: 2px solid #CCCCCC;  
border-bottom: 0px solid #CCCCCC;  
margin: 14px 0px 14px 0px  
}

.default {  
font-family: Arial, Helvetica, Sans-serif;  
font-size: 11px;  
color: #333;  
font-weight: bold;  
padding: 0px 0px 10px 0px;  
text-transform: uppercase;  
}

.subside {  
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;  
font-size: 11px;  
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: 2px solid #CCCCCC;  
background-color:#FFFFFF;  
padding:2px;  
margin: 0px 6px 6px 0px;  
}

.thumbnail {  
border: 2px solid #CCCCCC;  
background-color:#FFFFFF;  
padding:2px;  
margin: 0px 6px 6px 0px;  
}

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

.fieldName{  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
margin: 0px 0px 12px 0px  
}

select{  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
}

#calendar {  
color: #333333;  
font-family: 'Trebuchet MS', Verdana, sans-serif;  
padding: 0px;  
text-align: left;  
background-color: #FFFFFF;  
margin: 12px 0px 12px 0px;  
padding: 10px;  
}

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

#calendar table caption {  
color: #666666;  
font-family : Arial, Helvetica, Sans-serif;  
font-size : 0.7em;  
border-bottom: 1px solid #999999;  
text-align: left;  
font-weight: bold;  
text-transform: uppercase;  
padding: 3px;  
letter-spacing: .3em;  
}

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

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

#calendar table tr ul  {  
color: #666666;  
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 #666666;  
}

#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;  
color: #666666;  
}

#calendar table tr td ul li {  
color: #666666;  
}

#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 {  
padding: 10px;  
background-color: #FFFFFF;  
margin: 0px 0px 10px;  
}

#profile {  
font-family:  Verdana, Helvetica, Sans-serif;  
font-size: 11px;  
font-weight: normal;  
margin: 0px 0px 0px 0px;  
padding-left: 16px;  
}

#profile h4{  
font-family:  Arial, Helvetica, Sans-serif;  
font-size: 14px;  
font-weight: bold;  
color: #666666;  
text-transform: uppercase;  
padding: 0px 0px 0px 0px;  
margin: 0px 0px 6px 0px;  
}

#profile p{  
}

## Comment 11
Author: Tina-A

Prova att klistra in den, nu borde det se bra ut. Den där stilmallen är lite lättare att navigera i också.

## Comment 12
Author: Plopp4

Åh, tack! Det blev precis som jag ville ha det! :D

[http://kaninhopparen.blogg.se/?tmp=11220205](http://kaninhopparen.blogg.se/?tmp=11220205)

## Comment 13
Author: Tina-A

#12: Vad bra :) Jag ändrade lite i inlägget så prova att klistra in koden som står där nu och se om du gillar det ännu lite bättre, annars kan du ju byta tillbaka. Tryck bara på "förhandsgranska" istället för spara och titta hur det blir, och om du gillar det bättre så kan du ju spara den. Annars så kryssar du bara så är det som du har nu.

## Comment 14
Author: Plopp4

#13 Så som det är nu vill jag ha det :)  Men hur fixar man rubrikerna? Att få dom lite större och i annan färg? :)

## Comment 15
Author: Tina-A

Leta upp i stilmallen där det står:

/\*\* Entry headers \*\*/  
h3 {  
background: #FFFFFF;             
font-family: Arial, Helvetica, sans-serif;  
font-size: 14px;         **<---- Här ändrar du till den storlek du vill ha.**  
font-weight: bold;  
padding:10px 10px 10px 0px;  
color: #000000;            **<---- Här ändrar du färgen på rubriken.**  
margin: 0px 0px 10px;  
}

Färgen skrivs i färgkoder. Du kan titta på den här hemsidan om du vill se olika koder för olika färger [http://www.home.no/alurcard2/farg%20koder.html](http://www.home.no/alurcard2/farg%20koder.html)  
Koden du ska fylla i i stilmallen är den kod med # framför och så 6st siffror eller bokstäver bakom. Men det kanske du visste :)

Se upp så du inte suddar semikolonet efter varje rad, viktigt att ha kvar! Det här tecknet -->  **;**

## Comment 16
Author: Plopp4

Tack så mycket :D

## Comment 17
Author: Plopp4

När jag sedan sätter in header, sätter jag den efter färgen på backround i stilmallen? Eller hur "skriver" man in den? :)

## Comment 18
Author: Tina-A

Först står det body, sen wrapper och sen header. Då hittar du den här:

#header {  
background: #F9D4DE no-repeat right center;  
padding-left: 30px;  
padding-bottom:15px;  
padding-top:30px;  
margin: 0px 0px 20px;  
width: 800px;  
height: 55px;  
}

Ändra den till;

#header {  
background: url(http://www.adressentilldinbild.com) no-repeat left center;  
padding-left: 30px;  
padding-bottom:15px;  
padding-top:30px;  
margin: 0px 0px 0px 0px;  
width: 800px; <-- Skriv in hur bred din header är  
height: 55px; <-- Skriv in hur hög din header är  
}

Sen står det "left center", men om headern hamnar konstigt kan du sudda det och ändra hur headern ligger genom att ändra sifforna på "margin".

## Comment 19
Author: Plopp4

Tack så mycket för all hjälp! :)  Jätte snällt av dig :)

## Comment 20
Author: Tina-A

#19: Inga problem :)

## Comment 21
Author: MajaL

Hoppas det löste sig. :)

## Comment 22
Author: Plopp4

#21, Jaa, det gjorde det.

Men nu behöver jag lite hjälp igen.

Jag har fixat en bild i menyn, och gjort den till en länk. Men bilden blev så stor. Och hur får man bort den andra bilden, som man trycker på för att komma till min profil? Eller kan man inte ta bort den?

Tacksam för hjälp :)

## Comment 23
Author: Tina-A

Bilden har du laddat upp i 400px ser det ut som. Ladda upp bilden på nytt och istället för att direkt tyckte på "ladda upp" så ändrar du "Storlek" från 400px till 100px eller 200px beroende på hur du vill att det ska se ut.

Det går att ta bort bilden som ligger på dig där. Då går du in i kodmallen och tittar om du hittar någonstans där det står <img src=" _härstårbildensnamn_ "> i kodmalen under "side" och "presentation". Om du är helt säker på att det är den bilden och inte något annat som kanske är viktigt så kan du sudda den, då försvinner den.

## Comment 24
Author: Plopp4

#23, Tack så mycket för hjälpen, :)

## Comment 25
Author: MajaL

Härligt att det löste sig! =)

## Comment 26
Author: Plopp4

Jaa, är glad att jag fick hjälp. Då vet jag vart jag ska vända mig nästa gång jag behöver hjälp :)

Men bara en fråga till: Hur kan man få bilden ovanför "Sök i bloggen" ?

![Oskyldig](http://bloggande.ifokus.se/js/lib/tiny_mce/plugins/emotions/img/smiley-innocent.gif "Oskyldig")

## Comment 27
Author: Plopp4

Hej igen!

Nu behöver jag hjälp ännu en gång.

Hur fixar man så att sidomenyn är i en egen spalt. Med "Vit bakrund" (Content-saken) och så att de inte är massa mellan rum i den?

(Se: [http://www.kaninhopparen.blogg.se](http://www.kaninhopparen.blogg.se))

Edit: Jag återställde kodmallen, och har min vanliga profil istället. :)

Men ni kan gärna skriva hur man gör iallafall :)

## Comment 28
Author: Jess89

antingen flyttar du side i sidled så får du mindre mellan rum. Du kan även förstora side och content(där dina inlägg publiceras). för att dlytta i sidled ändar du i margin: 0px 0px 0px 0px;

## Comment 29
Author: Plopp4

Lyckades fixa det. Men går det att fixa "content-saken" lite bredare, i menyn? Vill helst inte förminska bilden där... :)

## Comment 30
Author: Jess89

Du menar att du vill ändra där du har inläggen? bredden på content ändrar du där det står width: 0px;

## Comment 31
Author: Plopp4

just nu står det,  width: 600px;  men när jag ändrar det till lite mer så försvinner hela sidomenyn... :/

## Comment 32
Author: Jess89

Då måste du ändra i wrapper width för att den ska hamna på plats.

## Comment 33
Author: Plopp4

Har testat nu. Då flyttade jag det hela åt sidan. Menyn syndes fortfarande inte. Då flyttade jag åt andra sidan. Fortfarande ingen meny... :/  Jag lägger in min stil mall, (iaf den delen) så får ni se efter om det är nåt som är fel...

#wrapper {  
clear:none;  
margin: 30px auto;  
padding: 20px;  
width: 900px;  
background-color: #F9D4DE;  
}  
  
#wrapper:after {  
content: ".";  
display: block;  
height: 0;  
clear: both;  
visibility: hidden;  
}  
  
p {  
padding: 0px 0px 0px 0px;  
margin: 0px 0px 0px 0px;  
}  
  
#header {  
background: url([http://kaninhopparen.blogg.se/images/2012/stis\_187438249.jpg](http://kaninhopparen.blogg.se/images/2012/stis_187438249.jpg)) no-repeat right center;  
padding-left: 30px;  
padding-bottom:15px;  
padding-top:30px;  
margin: 0px 0px 20px;  
width: 950px;  
height: 650px;  
}  
  
#side {  
  
background: #ffffff;  
float: right;  
width: 150px;  
margin: 0px;  
padding: 24px 18px 0px 12px;  
left:-30px;  
}  
  
#content {  
overflow: hidden;  
width: 600px;  
position:relative;  
left:0px;  
padding: 20px 0px;  
voice-family:"\\"}\\"";  
voice-family:inherit;  
width:600px;  
float: left;  
margin: 0px 10px 0px 0px;  
}html>body #content { width: 600px }