New Problem

[bigsilk]

I've done what I could on my own. Now I REALLY need help...Here's the page: AAAAaaauuuggghhhHere's the CSS:pppphhhttt...grrrr...expletiveFirst, is there an <--!if IE7 ... --> to fix placement problems? If so, PLEASE help. Just the syntax. I'll try to figure out the rest, unless of course, there's no fix for IE7.Second, I can't seem to get my footer to display at the bottom of the content area. I've tried moving div closings, adding left floats, dancing around voodoo dolls, invoking spirits...Adam

[dsonesuk]

(1)internal<!--[if IE 7]><style type="text/css">html, body {margin: 0;padding: 0;background-color:#2e2d2e;}......blah, blah, blah</style><![endif]-->external style sheet<!--[if IE 7]><link rel="stylesheet" href="styleIE7.css" type="text/css" media="screen" /><![endif]-->(2) move div footer down.</div><div class="footer"><p class="footer">© ubook247.com</p></div></div></body></html>

[dsonesuk]

you might want to set transitional to xhtml not html, as you have xhtml defined closing tags in html document

[dsonesuk]

don't use span, for search button, use div note: total redisign in css and this button design never works for IE6 (oh ssss......ugar)choice box 2<div class="choice_box"><div class="choice_box_number">2</div><div class="choice_box_function">date</div><div class="choice_box_input_text"><form><div>Start:<input type="text" size="10" name="firstname" /><img src="images/calendar.jpg" alt="calendar" /></div><div>  End:<input type="text" size="10" name="lastname" /><img src="images/calendar.jpg" alt="calendar" /></div></form></div></div>box button:<div class="choice_box"><div class="choice_box_number">4</div><div class="choice_box_function">login</div><div class="choice_box_input_text"><form>Name:<input type="text" size="15" name="name" />Email:<input type="text" size="15" name="email" /></form><div class="menu_box"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b><b class="r4"></b><b class="r4"></b> <div id="search_button"><a href="app_w_tbl.html">Search</a></div> <b class="r4"></b><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b> </div> </div></div>object table display:<div style="width: 100%; margin-top: 20px; height: 220px;"><div class="choice_box_number_5">5</div><div class="app_choice_table"><object data="app_choice_tbl.html" width="800" height="180" type="text/html"></object></div></div>css form{padding:0; margin:0;}form div {height:30px; line-height:30px; float:left; width: 178px;}.choice_div{position:relative;left:10px;top:10px;width:945px;height:120px;border:2px #c37c82 solid;}.choice_box {width: 234px; height:120px; float:left;}.choice_box_number, .choice_box_number_5{font-family:Arial,Helvetica,sans-serif;font-size:60pt;color:#CCCCCC;width: 52px; height: 120px;float:left; }.choice_box_function{font-family:Arial,Helvetica,sans-serif;font-size:15pt;color:#c37c82;width: 178px;height: 34px; float:left;line-height:42px;}.choice_box_input{width: 178px;text-align:center;}.choice_box_input_text {color:#2E2D2E;font-family:Arial,Helvetica,sans-serif;font-size:11px;text-align:center;width: 178px; float:left;}.choice_box_number_5{margin-left: 15px;}.form_div{position:relative;top:10px;}.input_box_label{font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:#2e2d2e;}img.input_box{position:relative;top:3px;width:22px;}.menu_box{margin: 0 auto; width:58px; margin-top: 10px;}.menu_box b { height: 1px; line-height: 1px; display: block; } .menu_box b { background-color: #c37c82; }#search_button { background-color: #c37c82; font-family:Arial,Helvetica,sans-serif;font-size:10pt;height:100%; margin:0; padding:0;} .r1 { margin: 0 5px; } .r2 { margin: 0 3px; } .r3 { margin: 0 2px; } .r4 { margin: 0 1px; }