View Single Post
  #1 (permalink)  
Old 05-29-09, 07:37 PM
BT-loader BT-loader is offline
Newbie Coder
 
Join Date: Jul 2006
Location: SWEDEN
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Div:s and position?

I have a few issues with positioning my divs in IE7.
(It looks ok in both IE8 and FF 3.0.)

It seems that there are some issues with the right-menu, that forces the "midsection" to the bottom.

I really need all the help i can get here.
Thanks in advance!

CSS:
Code:
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background:#333333 url(../pic/st-back.png) repeat-x;
    margin: 30px 140px 20px 140px;
}

#wrap{
    background-color:#FFF;
    border: 7px solid #FFFFFF;
    overflow: hidden;
    position:relative;
    width: 956px;
    margin: 0 auto;
}

textarea{
    border: 1px solid;
    padding: 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

input[type=text]{
    border: 1px solid;
    padding: 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

#statusbar{
    height: 38px;
    background:#dddddd url(../pic/status_back.png) repeat-x;
    text-align:center;
}

#statusbar a{
    color: #535353;
    border-bottom: 1px dotted;
    text-decoration: none;
}

#statusbar a:hover{
    color: #c4c4c4;
    border-bottom: 1px dotted;
}


#sysop{
    float: right;
    filter:alpha(opacity=25);
    -moz-opacity:.25;
    padding:15px;
    color:#FFF;
    background: #000000;
    margin-top: 10px;
    margin-right: 10px;
}

#sysop a{
    color: #FFF;
    border-bottom: 1px dotted;
    text-decoration: none;
}

#sysop a:hover{
    color: #c4c4c4;
    border-bottom: 1px dotted;
}

#meny {
    float: left;
    width: 550px;
    height: 35px;
    background: #0f0f0f url(../pic/meny_back.png) repeat-x;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 2px;
    overflow: hidden;
}
#meny ul {
    list-style: none;
    margin: 0 0 0 50px;
    padding: 0;
}
#meny li {
    float: left;
}
#meny a {
    color: #535353;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 8px;
    line-height: 19px;
}

#meny a:hover {
    background: #dedede url(../pic/meny_hover.jpg) repeat-x;
    color: #000;
}

#meny ul {
    list-style:none;
}

#meny li {
    float:left;
}

#meny_sok{
    float:right;
    width: 390px;
    height: 23px;
    background:#0f0f0f url(../pic/meny_back.png) repeat-x;
    font-size: 11px;
    text-transform:uppercase;
    color:#cfcfcf;
    padding: 6px;
    margin-top: 2px;
}

#meny_sok input[type=text]{
    width: 125px;
    height:10px;
    background:#202020 url(../pic/search_left.png) no-repeat;
    font-size: 9px;
    font-weight:bold;
    text-transform:uppercase;
    color:#a7a7a7;
    border: thin solid #3d3d3d;
    padding-left:25px;
    padding-right:4px;
    padding-top:4px;
    padding-bottom:4px;
}

#left {
    float:left;
}
#left span {
    float:right;
}

#left a{
    color: #000000;
    text-decoration:none;
}

#left a:hover{
    border-bottom: #000000 1px dotted;
}

#left h2{
    width:185px;
    height: 14px;
    color:#c4c4c4;
    font-size:11px;
    text-transform:uppercase;
    background:#181818 url(../pic/h2_back.png) repeat-x;
    padding:8px;
}

#left ul{
    width:195px;
    border: 1px solid #c9c9c9;
    padding: 2px;
    margin: 0px;
}

#left li{
    width: 184px;
    list-style:none;
    font-size: 12px;
    color: #000000;
    padding: 5px;
}

#left .dark{ background-color:#dfdfdf; }
#left .light{ background-color:#ffffff; }

#center{
    padding-left:8px;
    padding-right:8px;
    text-align:left;
    width: 540px;
    margin: 10px 200px 0px 200px;
}

#center a{
    color: #000000;
    text-decoration:none;
    border-bottom: #000000 1px dotted;
}

#center a:hover{
    color: #c4c4c4;
    text-decoration:none;
    border-bottom: #c4c4c4 1px dotted;
}

#center h2{
    width: 524px;
    height: 14px;
    background:#181818 url(../pic/h2_back.png) repeat-x;
    color:#c4c4c4;
    font-size:11px;
    text-transform:uppercase;
    text-align:left;
    margin: 0px;
    padding: 8px;
}

#center h2 a{
    color: #c4c4c4;
    border-bottom: 1px dotted;
}

#center h2 a:hover{
    color: #535353;
    border-bottom: 1px dotted;
}

#center h2 span{
    float:right;
    font-size: 10px;
}

#center h2 span a{
    color: #c4c4c4;
    border-bottom: 1px dotted;
}

#center h2 span a:hover{
    color: #535353;
    border-bottom: 1px dotted;
}

#center p{
    color:#000000;
    font-size:12px;
    border: 1px solid #c9c9c9;
    text-align:left;
    padding: 10px;
    margin-top:2px;
}

#center form{
    color:#000000;
    font-size:12px;
    /*border: 1px solid #c9c9c9;*/
    text-align:left;
    padding: 10px;
    margin-top:2px;
}

#center .input{
    color:#000000;
    font-size:12px;
    border: 1px solid #c9c9c9;
    text-align:left;
    padding: 3px;
    width:300px;
    height:25px;
}

#center .table{
    font-size:12px;
    border: 1px solid #c9c9c9;
    padding: 2px;
    margin-top:2px;
}

#center blockquote {
    margin: 1em 3em;
    color: #999;
    border-left: 2px solid #999;
    padding-left: 1em;
}
    

#right { float:right; }

#right a{
    color:#000000;
    text-decoration:none;
}

#right a:hover{
    border-bottom:1px dotted;
}

#right h2{
    width:185px;
    height: 16px;
    color:#c4c4c4;
    font-size:11px;
    text-transform:uppercase;
    background:#181818 url(../pic/h2_back.png) repeat-x;
    padding: 7px;
}

#right h2 span{
    float:right;
    font-size: 10px;
}

#right h2 span a{
    color: #c4c4c4;
    border-bottom: 1px dotted;
}

#right h2 span a:hover{
    color: #535353;
    border-bottom: 1px dotted;
}

#right ul{
    border: 1px solid #c9c9c9;
    padding: 2px;
    margin-top: 1px;
}

#right li{
    width: 184px;
    list-style:none;
    font-size: 12px;
    color: #000000;
    padding: 5px;
}

#right .dark{ background-color:#dfdfdf; }
#right .light{ background-color:#ffffff; }

#center .button{
    background:#000000 url(../pic/btn_back.png) repeat-x;
    color:#c4c4c4;
    font-size:10px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    height: 21px;
    text-transform:uppercase;
    font-weight:bold;
    border: 1px solid #d0d0d0;
}

#footer{
    color:#535353;
    font-size:11px;
    text-align:center;
    width:740px;
    margin: 20px 140px 20px 140px;
}
Attached Images
File Type: jpg layout_IE7-problem.jpg (18.4 KB, 331 views)
__________________
:: BT-loader ::
"The one and only..."
Reply With Quote