Tue, 2010-01-26 15:07
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