Hi, i just want first say thank you, the forum is fabulous.
i have a problem, i am building a site and i am using alot of css. I am new to all of this including xhtml and css etc.
My site renders fine in firefox, but in opera, safari and internet explorer, nothing shows, only my body background color. Nothing else at all.....i am trying to find the solution, but so far no luck...any ideas?
i placed the header in a chunk, could that be an issue?
thanks
body {
margin: 0; padding: 0;
background: #1852d7; color:#333;
font: Verdana, Geneva, sans-serif;
}
a {
text-decoration: none;
}
a img {
border: 0px
}
p {
margin: 0 0 1em;
}
/*-------------------Header Styles-------------*/
#header {
margin-bottom: 5px;
padding-top: 1px;
background-image: url(../images/pikum_logo4.png);
display: block;
background-color: #fff;
background-repeat: no-repeat;
background-position:right;
clear: left;
height: 240px;
width: 1000px;
border:2px solid #1852d7;
}
#header p {
padding-top: 120px;
padding-left: 100px;
font-family: Verdana, Geneva, sans-serif;
font-size: 75px;
color:#fff;
}
#nav_links {
margin: 2px;
padding-top: 3px;
background:#666; color:#999;
width:100%;
height: 50px;
}
#nav_links li {
display: inline;
margin-left: 15px;
padding-left: 20px;
padding-right:20px;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #333;
font-size:14px;
font-weight: normal;
position: left;
font-family:Arial, Helvetica, sans-serif;
}
#nav_links li.last {
border-right: 0px;
line-height: 14px;
}
#nav_links a {
color: #ccc;
line-height: 14px;
}
#nav_links a:hover {
color: #fff;
line-height: 20px;
border-bottom:4px solid #fff;
}
#nav_links a:visted {
color:#333;
line-height: 14px;
}
#nav_links a:active {
color:#ccc;
line-height: 14px;
}
/*-----------------Container--------------------------*/
/* Layout: skeleton */
{margin:0; padding:0;}
/* Layout: skeleton */
div#container {
width:1000px;
margin: 20px auto 0 auto;
background-color:#ffffff;
padding:10px;
border: 4px solid #333;
}
<!----------------TOP LEFT HORIZONTAL----------------------------->
div#left_horizontal {
width:999px;
float: left;
background-color: fff;
display: inline;
}
div.top_horizontal_block1 {
width: 380px;
height: auto;
margin:0px;
float:left;
display: inline;
border-right: #000 1px solid;
overflow: auto;
background-color:#FFF;
background-image:url(../images/content_header.png);
background-position: left top;
background-repeat: no-repeat;
padding-bottom: 10px;
padding-left: 10px;
}
div.top_horizontal_block1 p, {
margin-top: 15px;
}
div.top_horizontal_block1 h1, h2 {
color: #FFF;
}
div.top_horizontal_block2 {
width: 575px;
height: 400px;
margin-top: 20px;
margin-left: 20px;
float:left;
display: inline;
overflow: hidden;
}
<!----------------TOP LEFT HORIZONTAL----------------------------->
div.hlogin {
width:250px;
margin:10px;
float:right;
display: inline;
border: 1px solid 000;
}
<!------------------------------Bottome Left 3 column Block-------------------------->
div#left_bottom {
display: inline;
width:630px;
height: auto;
float:left;
margin_left: 1px;
margin-top: 15px;
padding-top: 15px;
padding-left: 0px;
}
div.left_bottom_block1_red, div.left_bottom_block2_blue, div.left_bottom_block3_green {
background-image: url(../images/content_header_small.png);
background-repeat: no-repeat;
background-color:#fff;
background-position: 0px 0px;
}
div.left_bottom_block1_red {
width:210px;
margin: 1px;
float:left;
display:inline;
background-color:#F91C3D;
}
div.left_bottom_block1_red p{
margin-top: 2px;
padding-left: 7px;
padding-top: 5px;
}
div.left_bottom_block2_blue{
width:210px;
margin:1px;
float:left;
display:inline;
background-color:#5276D6;
}
div.left_bottom_block2_blue p{
margin-top: 2px;
padding-left: 7px;
padding-top: 5px;
}
div.left_bottom_block3_green{
width:210px;
margin:1px;
float:left;
display:inline;
background-color:#3C6;
}
div.left_bottom_block3_green p {
margin-top: 2px;
padding-left: 7px;
padding-top: 5px;
}
<!------------------------------------Bottom Right Block------------------------------>
div#right_bottom {
display: inline;
width:342px;
height: auto;
float: right;
margin_left: 1px;
margin-top: 15px;
padding-top: 15px;
padding-left: 0px;
}
div.bottom_right_block1, div.bottom_right_block2 {
background-image: url(../images/content_header_small.png);
background-repeat: no-repeat;
background-color:#fff;
background-position: 0px 0px;
}
div.bottom_right_block1 {
width:172px;
padding-left:6px;
float:right;
background-color:#ccc;
}
div.bottom_right_block1 p {
margin-top: 2px;
padding-left: 0px;
padding-top: 5px;
}
div.bottom_right_block2 {
width:172px;
padding-left:6px;
float:right;
background-color:#ccc;
}
div.bottom_right_block2 p {
margin-top: 2px;
padding-left: 0px;
padding-top: 5px;
}
div.blue_bar {
position: relative;
top: 0px;
width:630px;
height: 38px;
padding-left:6px;
padding-top: 15px;
float:left;
background-color:#00F;
}
/*div.bluebar p {
margin-top: 2px;
padding-left: 0px;
padding-top: 5px*/
}
h2 {font-size:12px;}
img {border:3px #b4bcbf solid;}
p.center {text-align:center;}
/
/* Content */
a {color:#468aac;}
a:hover {color:#f03070;}
div#content p {margin-top:10px;}
Moderator note: Please wrap code in a code block
☆ A M B ☆
☆ A M B ☆