Hi everybody.
I am new here and I don't know much about CSS. However, I have a blog at multiply http://komandjaja.multiply.com and I have customized the CSS codes there to make a new theme. When I see my page thru Firefox, everything is okay but when I see it with IE, there are distorted things and some pictures don't show up. My platform is Windows XP home edition.
Here's my css code to the site
/************* Spiderman 3 ************
************ Multiply Theme ***********
******************************************
Design: Slurpy69
http://slurpy69.multiply.com
Based on the Multiply theme: AVLACK
by Jolo (http://www.avlack.com/blog/)
Date: 16/Oct/2006
Version: 1.0
****************************/
/*PAGE Title*/
h1#page_owner_title {color:#FFC125
text-align:left;
}
body {
background: none;
background:
url(http://i105.photobucket.com/albums/m231/komandjaja/backgroundimageql5-1.jpg)
fixed ;
}
/*PAGE TOP*/
div.owner_nav {
border: none;''
margin: 10px 0px 0px 0px;
height: 247px;
width: 780px;
border: 0px solid #fff;
border-bottom: none;
padding: 39px 0px 0px 0px;
background:
url(http://i105.photobucket.com/albums/m231/komandjaja/topmainmenuqm.jpg)
no-repeat top left;
background-color: #FFF;
background-position: 0 -1px;
}
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
color: #fff;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-weight: bold;
color: #fff;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: none;
}
/*RIGHT MARGIN*/
.railbody { background-color:#F0F8FF;
background-image:url(');
background-attachment: scroll;
background-repeat: repeat-y;
background-position: top right;
margin-left: ;
margin-right:;
padding-left:;
padding-right:; }
.railstart {
margin-top: 10px;
height: 200px;
width: 159px;
background: url(http://i105.photobucket.com/albums/m231/komandjaja/railstart.jpg)
no-repeat top left;
background-position: 0;
z-index: 1000;
position: relative;
}
.railend {
height: 100px;
width: 159px;
background: url(http://i105.photobucket.com/albums/m231/komandjaja/railend.jpg);
background-color: #F0FFFF;
}
/*FONT COLORS*/
a:link {color:#191970;}
a.topt {color:#fff;}
a.vopt{color: #f00;}
a:visited {color:#3A5FCD;}
.cattitle{font-family:arial;}
a.post, a.post:visited {color:#bb1010;}
a.signout{color:#fff;}
.itembox {color:#333;}
/*INFO BOX & POLL*/
div.infobox .boxbody {
padding: 10px;
border: 1px solid #ccc;
position: relative;
}
div.infobox { bottom: 10px;
background: url(http://i105.photobucket.com/albums/m231/komandjaja/infobox.jpg);}
/* MENU */
#subnav .toptsel {color:#36648B;
font-size:20px;
padding: 0px 0px 2px 5px;
}
#subnav .topt {color:#fff;
font-size:14px;
font-weight: bold;
margin: 2px 0px 0px 5px;
text-align:top;
padding: 0px10px 0px 0px;}
div#subnavc {
padding: 107px 0 0 0;
background-color: #FFF;
border: none;
width: 780px;
height: 40px;
background: url() no-repeat bottom center;
}
div#subnav {background: none; border:none; padding-top: 6px;}
/*FOOTER*/
div#ownedfooter{background-color: none;
background: url(http://img222.imageshack.us/img222/2927/footerse3.jpg) no-repeat
}
I would like to attach pictures of my sites but I dunno how to do it here. Hope you can help me.
Thanks in advance,
Eva