FaNo

could you explain a bit more where does this code go?<!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE.css" /><![endif]--><!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE7.css" /><![endif]-->in the comments where? does it go in the html file?? do i need to use <script></script> ??some help please.

how can i do it for firefox? instead of "lte IE6" or "IE7" how would i say for firefox??

hmm another quick issue also.... how do i do about different screen resolutions???

Hello.The problem is that I have some sections on my website made using <div>. They display ok in mozilla firefox, but when i open it with iexplorer tab there is a section that moves down i dont know why. you can watch with your own eyes, and then i'll post some code. Thank you.http://fanorecordings.com/fp/that's the website im testing,... open it with mozilla and then with ie. why is this what can i do??here's the code for the section that moves on ie:======================================<div id="pic"><br /> <!-- TemplateBeginEditable name="Title" --><div id="div"> <h2>FanoRecordings? </h2> <p>Bienvenido a FanoRecordings.com - A tu izquierda puedes<br /> encontrar el menu para navegar por nuestra web. </p> <p> </p></div> <!-- TemplateEndEditable --> <p> </p><!-- TemplateBeginEditable name="content" --> <!-- TemplateEndEditable --></div>=======================================here's the css:=======================================#pic { line-height: 1.4em; height:auto; background-image: url(pic.jpg); background-repeat: no-repeat; width: 680px; margin-top: 0; margin-right: 0; margin-bottom: 1px; margin-left: 155px; padding-top: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 6px;}#pic h2 { margin: 0px; padding: 15px 0 2px 5px; font-size: 12pt; color: #3A6794;}#pic p { margin: 0; color: #3A6794; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 5px;}===========================================hope you can help me. thanks again.

ohh yes that was it..... I had specified a certain height for the div that came before the footer..... so now i changed it to height: auto; and it's all fine.... thank you all!

Hello all, i trust you CSS guru's can give me a hand with this :)I have a footer on my website, and when i write text in the body and it overflows the footer, i mean, when the text is so long that it reaches the footer, i want it to move along with the text, but instead it stays there shadowing the text.here's how im doing it:this is the html for my footer:======================<div id="footer"> <div align="center"> [ © Copyright 2006 <a href="http://FanoRecordings.com">FanoRecordings</a> | Web basada en <a href="http://www.solucija.com">Solucija.com</a> ] </div> </div>======================and here is the css:======================#footer { clear: both; color: #808080; background: #FFF; font-size: 0.8em; text-align: right; border: 1px solid #ccc; list-style-position: outside; margin-top: 10px; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; padding-top: 9px; padding-right: 10px; padding-bottom: 9px; padding-left: 0; position: relative; }#footer a { text-decoration: underline; color: #3A6794;}#footer a:hover { color: #000;}======================Thank you!!!

Hello all, i trust you CSS guru's can give me a hand with this :)I have a footer on my website, and when i write text in the body and it overflows the footer, i mean, when the text is so long that it reaches the footer, i want it to move along with the text, but instead it stays there shadowing the text.here's how im doing it:this is the html for my footer:======================<div id="footer"> <div align="center"> [ © Copyright 2006 <a href="http://FanoRecordings.com">FanoRecordings</a> | Web basada en <a href="http://www.solucija.com">Solucija.com</a> ] </div> </div>======================and here is the css:======================#footer { clear: both; color: #808080; background: #FFF; font-size: 0.8em; text-align: right; border: 1px solid #ccc; list-style-position: outside; margin-top: 10px; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; padding-top: 9px; padding-right: 10px; padding-bottom: 9px; padding-left: 0; position: relative; }#footer a { text-decoration: underline; color: #3A6794;}#footer a:hover { color: #000;}======================Thank you!!!