Permalänk
Medlem

Problem med blogg..

Försöker hjälpa en polare, men jag märkte rätt snabbt att jag är helt lost på det här.

Här är koden.. Jag vill få headern i centrerad :)!

EDIT: projectone.blogg.se

/*
=========================================================
Theme Name: Standard Grey - blogg.se
Theme URL: http://kaxigt.com
Author: Lillan Backa
=========================================================
*/

/*
=========================================================
rensar allt för egna värden
=========================================================
*/
html, body, div, span, code, h1, h2, h3, h4, h5, h6, blockquote, ul, li, p, em, font,
dl, dt, dd, ol, ul, li, table, tr, td
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;
font-family: inherit;vertical-align: baseline;}

html { font-size:100.01%; height: 100%;}

body {background: #eee url() repeat-x left top; color: #333;
font: 12px Arial, verdana,tahoma, Helvetica, Sans-Serif; height: 100%; line-height:160%;}

#pagewidth {width:100%; margin-left:auto; margin-right:auto; background: transparent url() repeat-y center top; text-align:left;}
#wrapper {width: 900px; vertical-align: top; margin: 0 auto; padding:0px; background: transparent url() repeat-y left top;}

#header {position:relative; height:180px;background:#333 url(http://www.sweclockers.com/imagebank/200910/IMG_1241001.jpg) center top;width:50%;}
.headerinner {position:center; height:200px;background:transparent;width:800px; margin-left:auto; margin-right:auto;}

#leftcol{width:320px; float:left; position:relative; background: transparent; }

#maincol{background:transparent; float: right;display:inline; position: relative; width:570px;}

#footer{height:auto; background-color:#333; clear:both;}
.footerinner {position:relative; height:auto;background:transparent;width:900px; margin-left:auto; margin-right:auto; padding:15px 0;}
/*
=========================================================
länkar
=========================================================
*/

a, a:visited {color:#7BAC38 ;text-decoration: none;}

a:hover,
a:focus,
a:active {color:#000;text-decoration: none;}
a img {border:0;}
/*
=========================================================
global typografi - rubriker - headings
=========================================================
*/
p {line-height: 1.8em;}
h1, h2, h3, h4 { font-family: arial, verdana, sans-serif;}

h1 {color: #666; font-size: 26px; text-align:left;
padding:30px 15px 5px 0px;margin-bottom: 10px; letter-spacing:-1px;}
h2 {color: #000; font-size: 20px; padding:10px 15px 5px 0px;margin-bottom: 10px; letter-spacing:-1px;}

h3 {font-size: 15px; font-weight:bold; color:#333; padding:0px 15px 5px 0px;margin-bottom: 20px; }
.indrag {padding:10px 0 10px 20px; margin:0; color:#333;}
.description {padding:10px 0 0 0px; font-weight:bold; font-size: 1.2em; color:#999;}

/*
=========================================================
spanelement + boxar
=========================================================
*/

.leftbox {float:left;margin: 10px 0px; padding:10px; width: 90%; border:1px solid #ccc;color:#333;
background: #ddd;}
.login {margin: 20px 20px;}

/*
=========================================================
listor
=========================================================
*/

ul {list-style-type: none; padding: 0px 0px;}
#maincol ul li {list-style-type: none; margin: 5px 20px 5px 10px;background: transparent url() no-repeat 3px .25em;
padding: 3px 0px 3px 30px; border-bottom:1px solid #ccc;}
#leftcol ul{list-style-type: none; margin:0;padding:0;}
#leftcol li {list-style-type: none; margin: 5px 20px 5px 20px;padding:4px 20px 4px 0px; border-bottom:1px solid #bbb;}

ol, ol li {background:transparent; margin: 10px 25px ;padding: 2px 2px; list-style-type:decimal-leading-zero;}
ol li {background:transparent; margin: 10px 0px;padding: 2px 2px; list-style-type:decimal-leading-zero;
border-bottom:1px solid #ccc;}

/*
=========================================================
profil
=========================================================
*/

#profil {float:left; width:290px; background:transparent url() top center no-repeat; padding:10px 10px 10px 0; margin:0 auto; display:inline;}
#profil p {display:inline; color:#999; margin:0px; padding:0;}
#profil img {float:left;margin: 0 15px 8px 5px; padding:5px; border:1px solid #666;}

/*
=========================================================
searchform
=========================================================
*/

#searchform {margin: 0;padding: 5px 0px 5px 0; float:right; width:290px; margin-bottom:30px;}
#searchform #s {width: 230px;padding: 5px 5px 5px 6px;background:#fff url() no-repeat; border: 1px solid #ccc; color:#666;}
#searchsubmit {padding: 4px; background:#fff; color:#666; border:1px solid #ccc;}

/*
=========================================================
postformateringar
=========================================================
*/
.entrybody { padding:0px 0 10px 0; background:transparent url() repeat-y left top; }

.entry {margin:10px 0 30px 0; padding:10px 10px; background:#fff url() repeat-y left top; border:1px solid #ddd; }

/** 'Posted by' txt **/
.entrymeta { margin: 10px 10px 10px 0px; font-size: 10px;color: #333;text-align:center;
padding:20px 0px; background: transparent url() no-repeat left bottom;}

.tags {background:transparent url() no-repeat center left; padding: 10px 3px 10px 0px; margin-bottom:10px;}
.image {border: 2px solid #ddd;background-color:transparent;padding:2px;margin: 6px 6px 6px 15px;}

.thumbnail {border: 2px solid #ddd;background-color:transparent;padding:2px;margin: 6px 6px 6px 15px;}
.PostAuthor { float:right; padding: 0px 25px 10px 0px; margin: 0px 0; background:transparent url() right center no-repeat;}

/*
=========================================================
socialmedia
=========================================================
*/

.social {float:left; display:inline; padding:4px 5px 5px 0;}
/*
=========================================================
kommentarbox
=========================================================
*/

ol.commentlist {
margin:0;
padding:0;
}

.commentlist li {
list-style:none;
margin-bottom:14px;
}

.commentlist cite {
padding: 7px;
display:block;
font-style:normal;
background:url(http://img697.imageshack.us/img697/3158/bgcomments2cite.gif);
border-top:1px solid #d6e4c1;
border-bottom:1px solid #779d42;
color:#596e3b;
}

.commentlist a:link, .commentlist a:visited {
color:#596e3b;
}

.commentlist a:hover, .commentlist a:active {
color:#8ec343;
}

.commentlist .author {
font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
text-decoration:underline;
}

.commentlist .time {
background: url(http://img543.imageshack.us/img543/514/bgclock.gif) no-repeat 1px;
padding-left:13px;
}

.commenttext {
background: #9bc561 url(http://img195.imageshack.us/img195/2812/bgcomments2text.jpg) repeat-x bottom;
border-top:1px solid #c5f386;
padding: 0 20px 10px 20px;
color:#fafcf6;
}

.comments {float:right; display:inline; margin:0px 0px 0 0px; padding:10px 15px 10px 0; height:auto; width:150px;
background:#333 url() no-repeat center top; color:#FFF3D6; font-weight:bold; text-align:center; font-size:14px;}

.kommentarbox {margin: 0 auto; padding:10px 10px; background: transparent url() repeat left top; color:#333;}
blockquote { padding: 2px 10px; background: transparent; margin: 10px 10px 20px 10px; color:#333; border-left:3px solid #999;
}

.commentheader {color: #fff; font-size: 1.4em; padding:5px 10px 7px 0px; background:transparent url() no-repeat left top; text-shadow: 0px 1px 1px #000;}
.commentmeta {font-size: 10px;margin: 10px 10px 20px 0px;}
.commentinfo {font-size: 10px; padding: 5px 5px; margin: 10px 0px; line-height:150%; background:transparent url() no-repeat left center; color:#333;
border-width: 1px;border-style: solid; border-color: #ccc #fff;}
.commentauthor {font-size: 10px; padding: 5px 5px; margin: 10px 0px; background:#333 url() no-repeat left center; color:#fff;}

#commentform {background:transparent url() no-repeat left top; margin: 20px 0 0 25px; padding:10px 20px 20px 0px;}
#commentform p {margin:0px 0; font-size:1em;}

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

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}

Permalänk
Medlem

lägg till margin:0 auto;#header

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av Teknocide:

lägg till margin:0 auto;#header

#header {position:relative; height:180px;background:#333 url(http://www.sweclockers.com/imagebank/200910/IMG_1241001.jpg) center top;width:50%;}
.headerinner {position:center; height:200px;background:transparent;width:800px; margin-left:auto; margin-right:auto; margin:0 auto;}

Utan resultat :/

Permalänk
Medlem

Du satte ju inte margin på #header som jag sa.. position:center är ogiltigt förresten.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av Teknocide:

Du satte ju inte margin på #header som jag sa.. position:center är ogiltigt förresten.

Jag gjorde väl det på slutet?

Kan du vara väldigt snäll då att ändra det som skall ändras åt mig så att jag förstår?

Permalänk
Medlem

På slutet? Fattar inte vad du menar, men du ändrade .headerinner när jag sa att du skulle ändra #header

#header {position:relative; height:180px;background:#333 url(http://www.sweclockers.com/imagebank...MG_1241001.jpg) center top;width:50%; margin:0 auto;}

OBS: Ta bort position:center från .headerinner. Detta är ogiltig CSS och helt meningslöst att ha med. Ta även bort din (felaktiga) marginaländring på samma rad.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av Teknocide:

På slutet? Fattar inte vad du menar, men du ändrade .headerinner när jag sa att du skulle ändra #header

#header {position:relative; height:180px;background:#333 url(http://www.sweclockers.com/imagebank...MG_1241001.jpg) center top;width:50%; margin:0 auto;}

OBS: Ta bort position:center från .headerinner. Detta är ogiltig CSS och helt meningslöst att ha med. Ta även bort din (felaktiga) marginaländring på samma rad.

Nu förstod jag vad du menade, tackar så mycket! Vart ju riktigt bra!

EDIT: Dock hittar jag ingenstans att ändra bakgrunden för själv "bakgrunden" på hela bloggen, endast för div. wrappers.

Permalänk
Medlem
Skrivet av AIIN:

Nu förstod jag vad du menade, tackar så mycket! Vart ju riktigt bra!

EDIT: Dock hittar jag ingenstans att ändra bakgrunden för själv "bakgrunden" på hela bloggen, endast för div. wrappers.

Finemang. Bakgrunden stylar du i body-stycket:

body {background: #eee url() repeat-x left top; color: #333; font: 12px Arial, verdana,tahoma, Helvetica, Sans-Serif; height: 100%; line-height:160%;}

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av Teknocide:

Finemang. Bakgrunden stylar du i body-stycket:

body {background: #eee url() repeat-x left top; color: #333; font: 12px Arial, verdana,tahoma, Helvetica, Sans-Serif; height: 100%; line-height:160%;}

Ah, det var det jag misstänkte. Dock hade jag endast repeat på x axeln och därmed så trodde jag det blev lite fel, så ändrade till repeat och då fungerade det finemang!