css layout prob in IE
-
here is my css. when i look at my site in internet explorer my sidebar jumps below the content area. my site is here. need help please
/* CSS Document */
body,td,th {
font-family: Arial, Helvetica, sans-serif;
background-color: #000;
}
a:link {
color: #66CCFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #66CCFF;
}
a:hover {
text-decoration: none;
color: #D4366A;
cursor: crosshair;
}
a:active {
text-decoration: none;
color: #66CCFF;
}
li, ul {
list-style: url("https://radioentropy.freehosting123.com/wp-content/themes/lando/images/bullet.gif") none;
}}
li.feed {
list-style: url("https://radioentropy.freehosting123.com/wp-content/themes/lando/images/feed.gif") none;
}
.feedburner {
vertical-align: -15px;
}
#container {
width: 100%;
color: #ccc;
flat: left;
}
#logo {
float: left;
height: 1000px;
}
#alpha {
width: 70%;
float: left;
height: 100%;
color: #ccc;}
#beta {
float: left;
width: 25%;
display: inline;
margin-left: 10px;}
#footer {
margin-left: 52px;
margin-bottom: 20px;
font-size: small;
text-align: center;
border-top: dashed 1px #D4366A;
float: left;
width: 100%;
}
.footer-feed {
vertical-align: -5px;
margin-top: 5px;
}
.entry { }
.entry-header {
font-size: large;
color: #FFCC00;
border-bottom: dashed 1px #D4366A;
letter-spacing: 5px;
font-weight: bold;
margin-left: 52px;
}
.entry-content {
font-size: small;
margin-left: 52px;
}
.entry-footer {
border-top: dashed 1px #D4366A;
font-size: small;
text-align: right;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 52px;
}
ul#navigation {
list-style-type: none;
margin-left: 52px;
padding: 0;
height: 10px;
width: 70%;
}ul#navigation .left {
float: left;
}
ul#navigation .right {
float: right;
}text-align: right;
}
.module {}
.module-header {
border-bottom: dashed 1px #D4366A;
text-transform: lowercase;
font-size: large;
color: #66CCFF;
letter-spacing: 10px;
font-weight: bold;
}
.module-content {
margin-top: 5px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
color: #D4366A;
font-size: small;}
.comment-content {
font-size: small;
margin-left: 52px;
}
.comment-date {
font-size: small;
margin-bottom: 3px;
}
.lastfm {
text-align: center;
margin-bottom: 10px;
}
.me {
margin-top: 10px;
}
.imgpost {
margin: 10px 10px 10px 10px;}
input.box {
color:#D4366A;
font-family:'arial ms',helvetica,sans-serif;
font-weight:bold;
background-color:#000000;
border: 1px solid;
border-top-color:#D4366A;
border-left-color:#D4366A;
border-right-color:#D4366A;
border-bottom-color:#D4366A;}
input.go {
color:#66CCFF;
font-family:'arial ms',helvetica,sans-serif;
font-weight:bold;
background-color: #000000;
border: 1px solid;
border-top-color:#D4366A;
border-left-color:#D4366A;
border-right-color:#D4366A;
border-bottom-color:#D4366A;
width: 35px;
cursor: crosshair;}
.trackback {
color: #FFCC00;
margin-left: 52px;
text-align: center;
font-size: 24px;
}
- The topic ‘css layout prob in IE’ is closed to new replies.