WordPress.org

1. radioentropy
   Member
   Posted 3 years ago #

   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("http://radioentropy.freehosting123.com/wp-content/themes/lando/images/bullet.gif") none;
   }

   }
   li.feed {
   list-style: url("http://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;
}

2. oncidium
   Member
   Posted 3 years ago #

   If one of the elements in the sidbar is really wide, that coul dcause it to jump.

3. vkaryl
   Member
   Posted 3 years ago #

   In future, please post long code to http://pastebin.com/ instead of here.

   Thanks!

4. radioentropy
   Member
   Posted 3 years ago #

   oh and i failed to mention that it works fine in firefox

5. radioentropy
   Member
   Posted 3 years ago #

   sorry about that i managed to put the code into pastebin.. here is the link. please i really do need some help the sidebar still seems to get pushed below the main content area in ie but not in firefox

Topic Closed

This topic has been closed to new replies.