Bloggdesign - Mellanrum mellan headern, menyn och inläggen.

Tänkte visa er hur jag har gjort när jag har fixat ett mellanrum mellan alla delar på min blogg. Det är inte så komplicerat som man kan tro, men lite pilligt är det allt!

Börja med att gå in på stilmallen och leta upp #wrapper, där ser det ut ungefär såhär:

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

Ta då bort background-color: #FFFFFF; och lägg till samma rad under #side och #content. Där ska det då se ut ungefär såhär:

#side {
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 5px 0px 15px #888;
float: left;
width: 180px;
height: 1580px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #CCCCCC;
background-color: #FFFFFF;
margin-top: -465px;
}

#content {
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 5px 0px 15px #888;
overflow: hidden;
width: 680px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:680px;
float: right;
margin: 0px 10px 0px 0px;
background-color: #FFFFFF;
}html>body #content { width: 680px }

Om ni har några frågor eller om det inte fungerar kan ni lämna en kommentar här nedanför!


Kommentarer

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback


RSS 2.0