• Locked
No replies
Tue, 2010-01-26 15:07
spambot
spambot's picture
Offline
newbie
Last seen: 12 years 16 weeks ago
Timezone: GMT+1
Joined: 2010-01-26
Posts: 1
Points: 2

Hello,
This is my first post and my first web design.
Im having problem with IE6 IE7 margins of the right menu, and i cant find solution for this issue.
I add margin-top: 2px; margin-bottom 2px; to the left menu but internet explorer 6&7 push the background image 1px up. In the other browsers all appear correct.

Here is style.css if somebody want to have a look please ;

body{
font: bold 13px Verdana;
font-color: #292421;
margin:0px 50px 0px 50px;
line-height: 1.5em;
background-color: #FFF;
height:100%;
}
 
/* html .body {
text-align:center;
}*/
 
h1 {color:#C8332A;}
h3 {color:#C8332A;}
 
#header_top{
font: bold 13px Verdana;
color: #FFF;
background-image: url('/images/bg.png');
background-repeat: repeat-x;
margin:1px 2px 2px 205px;
padding: 10px;
height: 120px; /*Height of top section*/
border-right: 1px solid #848484;
}
 
#header_top h1{
color: #FFF;
padding-top: 40px;
font-size: 20px;
}
 
#contentwrapper{
width: 100%;
}
 
#menu_nav{
float:left;
width:200px;
height: 1182px;
margin: 1px 2px 0 2px;
text-decoration: none;
background-image: url('/images/menu_background.png');
background-repeat: repeat-x;
border-left: 1px solid #848484;
}
 
#menu_nav a{
font: bold 13px Verdana;
display: block;
padding: 10px;
padding-left: 20px;
color: #292421;
text-decoration: none;
border-bottom: 1px solid #848484;
}
 
#menu_nav a:hover{
background-color: #f88205;
color: white;
text-shadow: black 0.1em 0.1em 0.2em;
}
 
#contentcolumn{
font: bold 13px Verdana;
padding: 20px;
height: 1000px;
margin: 1px 2px 1px;
margin-left: 205px; /*Set left margin to LeftColumnWidth*/
background:#d9d9d9;
border-right: 1px solid #848484;
}
 
#footer{
clear: center;
margin: 0 2px 0 2px;
padding: 4px 1px;
width: auto;
height: 20px;
background-image: url('/images/bg.png');
background-repeat: repeat-x;
color: #000;
text-align: center;
text-shadow: black 0.1em 0.1em 0.2em;
}
 
#footer a{
color: #FFF;
text-decoration: none;
}
 
.innertube{
font: bold 13px Verdana;
margin: 0px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}
 
div.background
{
  width: auto;
  height: auto;
  top: 50px;
  background: url(/images/one-round.png) repeat;
  border: 1px white;
}
 
div.transbox
{
  width: auto;
  height: auto;
  margin: 3px 0px;
  background-color: #FFF;
  border: 1px solid #848484;
  border-style: solid ;
  filter:alpha(opacity=90);
  opacity:0.9;
}
 
div.transbox p
{
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
}
 
.myparagraph:first-letter {
font-size:200%;
float:left top;
color: #C8332A;
}

I upload the site on free hosting for testing:
http://ivo.netau.net

Top
Tags: