Hello, I am a first time CSS coder. I tried making a simple page using CSS + Table but it starts behaving awkwardly with IE. it works fine with Chrome and Firefox.
PNG images with Alpha-24 transparency are not rendered correctly if you use <img src or background property. For that you need to use png alphaimageloader (it doesn't affect PNG-8, but from your screenshot I couldn't tell what type of images you are using, but I suspect PNG-24).
Most likely your problems are with hasLayout IE property, but I can't tell exactly just looking at screenshot.
Please provide url where I can see live page (pasting your html/css in files doesn't match screenshots of course).
kaszu wrote:PNG images with Alpha-24 transparency are not rendered correctly if you use <img src or background property. For that you need to use png alphaimageloader (it doesn't affect PNG-8, but from your screenshot I couldn't tell what type of images you are using, but I suspect PNG-24).
Most likely your problems are with hasLayout IE property, but I can't tell exactly just looking at screenshot.
Please provide url where I can see live page (pasting your html/css in files doesn't match screenshots of course).
.header_image {
background-image: url('header.jpg');
margin-top: 1px;
/* Height here was not needed, because you already set height to TD */
width: 970px; /* size is width + padding, 970 + 30 = 1000 */
padding-left: 30px; /* padding should be set to DIV not table to avoid problems */
padding-top: 65px;
}
table.navbar {
width: 100%; /* == 970px */
}
<table class="navbar"> is missing closing </table> which is why background is white. You will need to set margins for those tables for them to be in correct place.
Put <style> which you have before DTD definition inside <head> section. Also go and validate your page http://validator.w3.org/ and fix all issues, that should help also.
kaszu wrote:
<table class="navbar"> is missing closing </table> which is why background is white. You will need to set margins for those tables for them to be in correct place.
Put <style> which you have before DTD definition inside <head> section. Also go and validate your page http://validator.w3.org/ and fix all issues, that should help also.