Bloggande iFokus

Bloggande

Etikettbloggdesign-html-och-css
Läst 2185 ggr
Eostra
0

Hjälp med design

Bild 1. Klicka för att öppna i full storlek.

Bloggar på blogg.se och gjorde nyligen en ny design. Har själv en 15" mac och allt ser okej ut på min skärm, men mina kompisar klagar på att den ser ut ungefär såhär (se bifogad fil), typ lite "inzoomad". Någon som vet hur jag kan fixa det i koderna?

Eostra
0
#1

Bifogar CSSen också, antar att det är där felet ligger..

body

{background: #cccccc;text-align:center;padding-top: 10px;padding-bottom: 14px;}
a {color: #333333;text-decoration:none;}a:hover {color: #333;text-decoration:none;}
#wrapper {margin-left:300px;width: 955px;position:absolute;padding: 0px;vertical-align: top;text-align: left;background-color: #;
}

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

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

#header

{background: url(http://i482.photobucket.com/albums/rr183/hannaverheyen/headern-1.jpg) no-repeat right top;margin: 0px;padding: 15px 15px 0px 75px;height: 303px;border: 50px none;}

#side

{margin-top: 171px;margin-left: 100px;width: 190px;float: left;padding-top: 10px;padding-bottom: 10px;padding-right: 20px;padding-left: 22px;
}

#box {width: 195px;padding: 10px 10px 10px 10px;background: #ffffff;border: 1px solid #ffffff;}

#content {overflow: hidden;float: right;background: #ffffff;padding: 0px -10px 0px;voice-family:"\"}\"";voice-family:inherit;border: 5px none;text-align: left;vertical-align: top;width: 900px;margin: 0px;}

#header a { color: #FFF; text-decoration: none; }
h1 {font-family: arial, verdana, sans-serif;font-size: 2.2em;font-weight: bold;color: #FFF;margin-top:25px;margin-bottom:0px;padding:0px;}
h2 {font-family: verdana, tahoma, sans-serif;font-size: 8px;font-weight: bold;text-transform: uppercase;color: #FFF;margin-top:0px;margin-bottom:0px;margin-left: 0px;padding:0px;text-transform:uppercase;}

/** Entry headers **/h3 {
font-family: verdana, sans-serif;font-size: 21px;font-weight: bold;color:#ffffff;background-color:#8a8a8a;background-image: url();background-repeat: no-repeat;background-position: left;padding: 0px 15px 12px 15px;margin: 15px 20px 10px;height: 16px;vertical-align: top;text-align: center;

}
.navheader {font-family: verdana, sans-serif;font-size: 21px;font-weight: bold;text-transform: uppercase;color: #ffffff;background-color: #8a8a8a;background-repeat: no-repeat;padding: 2px 5px 10px 5px;margin: 5px 20px 8px 0px;height: 18px;vertical-align: top;text-align: left;
}
.nav {font-family: arial, sans-serif;font-size: 11px;font-weight: bold;text-align: left;}
.nav ul {padding: 0px;font-weight: normal;margin: 0px 0px 8px;}
.nav li {list-style: none;padding: 0px 0px 4px 0px;font-weight: normal;margin: 0px;}
.nav a {margin: 0;display: block;height: 100%;color:#000000;}
.nav a:hover { color: #999999;text-decoration:none;}
/** Post's body text **/.entrybody {font-family: verdana, sans-serif;font-size: 10px;font-weight: normal;color: #333;line-height: 140%;text-align:justify;padding:20px;margin: -12px 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:right;bakround:#cccccc;}
.entrymeta a { color: #333333; text-decoration:bold;}.entrymeta a:hover { color: #333;text-decoration:bold; }
.commentheader {background: #cccccc;font-family: verdana, arial, sans-serif;font-size: 10px;font-weight: bold;color: #fff;line-height: 140%;padding: 3px 3px 3px 3px;margin: 5px 20px 20px;border-top: 1px solid #cc;}
.commenttext {font-family: verdana, arial, sans-serif;font-size: 10px;font-weight: normal;color: #333;line-height: 140%;margin-top:-10px;margin-right:20px;margin-left:0px;padding-left:20px;}
.commentmeta {font-family: verdana, arial, sans-serif;font-size: 10px;font-weight: normal;color: #333;text-align:left;padding: 5px 20px 20px;}
.commentmeta a { color: #333333; text-decoration:none;}.commentmeta a:hover { color: #333;text-decoration:none; }
.commentform {font-family: verdana, arial, sans-serif;font-size: 10px;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;float: right;}

.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: #A4B77B;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: #A4B77B;font-family : Verdana, Geneva, 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 #A4B77B;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;}
#profile {font-family: verdana, arial, sans-serif;font-size: 11px;font-weight: normal;margin-bottom: 10px;}
#profile h4{font-family: arial, verdana, sans-serif;font-size: 15px;font-weight: bold;color: #A4B77B;margin-bottom: 3px;}
#profile p a{color: #000;}
#profile p a:hover{color: #FFF;}

div#ad2 {width: 160px; position: absolute;left: 983px; margin-top: 47px; }
img{border: 0px;}

Moa-16
0

Inbäddat innehåll kan använda tredjepartscookies och spårningsskript.

#2

Det är nog svårt att fixa, om det ens går? För på den ena ser det ju bra ut!

Mirre9898
0
#3

Hur gör ni sådanna fina designer ? jag kan liksom bara "grunderna " (tryck här för at se min blogg) håller på med en ny design :)

Miranda

Moa-16
0

Inbäddat innehåll kan använda tredjepartscookies och spårningsskript.

#4

#3 Man lär sig av att testa sig fram, designadinblogg.se är väldigt bra!

Eostra
0
#5

#2 Hmm jo men jag tror det kan hänga på nån kod iallafall..? Som att på macen behövs inte koden för att det ska visas rätt men eftersom den saknas eller nånting så ser det konstigt ut i Windows.

Mirre9898
0
#6

4# Ja, jag vet använder det ganska mycket ! Oskyldig

Miranda