Табличную верстку я знаю хорошо, а вот с блочной дела пока плохо обстоят, просьба, прокомментировать мой код. В хроме и ФФ ображается все правильно, но наверняка есть какие-то подводные камни о которых мне пока не известно... и еще вопрос как заставить работать с ним IE? <html> <head> <title>1234567890-09876543234567890-987654</title> <style type="text/css"> a { color:#FFF; text-decoration:underline } a:hover { color:#FFF; text-decoration:none } #menu { border-radius:10px; margin-left:40px; text-decoration:none; width:334px } #menutable { background:url(images/menu.png) #FB9338; font-family:verdana; font-size:12px; padding-left:20px; width:250px } #menu a:hover { color:#FB9338 } #menu18910 { font-size:14px; font-weight:bold; vertical-align:middle } #menu1234567 { padding-left:15px } #main2 { background:#527EBF; border-radius:10px; color:#FFF; font-family:verdana, trebuchet ms; font-size:12px; left:15px; letter-spacing:.5px; line-height:1.7em; margin-bottom:294px; padding:18px 10px 5px; position:relative; text-align:justify; top:15px; width:565px } #topmenu { color:#FFF; font-family:verdana, trebuchet ms, tahoma; font-size:12px; font-weight:bold; padding-left:50px } #topmenu a:hover { text-decoration:underline } #back { background:url(gradient-bg.png) repeat-x #FB9338; border-radius:10px; height:1045px; margin:0 auto; padding:0 10px 25px 0; width:965px } #main1 { background:url(images/textback.jpg) no-repeat left bottom #3f65b4; border-radius:10px; height:1012px; left:323px; margin-bottom:-998px; padding:1px 10px 0; position:relative; top:-998px; width:618px; z-index:1 } #ads_ballon { background:url(images/ads_ballon.png) no-repeat; color:#3f65b4; font-family:verdana; font-size:14px; height:153px; margin-top:30px } #ads_photo { background:url(images/ads_photo.png) no-repeat; color:#3f65b4; font-family:verdana; font-size:14px; height:153px; margin-top:30px } #menu a,#topmenu a { text-decoration:none } #ads_ballon a,#ads_photo a { color:#3f65b4; display:block; height:122px!important; padding-top:35px; text-decoration:none; width:250px } </style> </head> <body> <div id="back"> <a href="h#"><img src="images/logo.jpg" border="0" style="border-radius:10px; padding: 10px 10px 0 10px"></a> <div id="menu"> <table cellpadding="0" cellspacing="0" ><tr><td> <table cellpadding="0" cellspacing="0" id="menutable"> <tr><td height="53px"><a id="menu18910" href="#">Галерея</a></td></tr> <tr><td height="30px"><a id="menu1234567" href="#">Доставка сюрпризов</a></td></tr> </table> </td></tr> <tr><td height="40px"/></tr> <tr><td id="ads_ballon"><center> <a href="#"><p style="margin-top: 0pt; font-size: 16px;"><b>some text</b><br></p>/a> </td></tr> <tr><td height="40px"/></tr> <tr><td id="ads_photo"><center> <a href="#"><p style="margin-top: 0pt; font-size: 16px;"><b>some text</b><br></p>/a> </td></tr> <tr><td height="40px"/></tr> <tr><td id="ads_ballon"><center> <a href="#"><p style="margin-top: 0pt; font-size: 16px;"><b>some text</b><br></p>/a> </a> </td></tr> </td></tr> </table> </div> <div id="main1"> <p id="topmenu">главная | ajhvf pfzdrb </p> <div id="main2"> <center><font size=+1> Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text </font></center><br> <p>Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text Some text </p> </div> </div> </div> </body> </html>
