Кое-чего набросал Вроде все работает на вскидку, пока Мучаюсь с проблемкой на скрине, в IE padding работает не так как надо (http://s1.ipicture.ru/uploads/20110511/gejDYPWU.png). ff3: http://s1.ipicture.ru/uploads/20110511/qjeRUsT2.png <!-- Created with HyperGen utility. ver 1.5 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="Content-Language" content="ru"> <meta name="keywords" content=" " /> <meta name="description" content=" " /> <LINK href="sys/style.css" rel=stylesheet type=text/css> <title> Вакансии </title> </head> <body> <div id="main"> <div class="dn_div"> <a href="http://www.aikon-mebel.ru"><span class="dn_link">WWW.AIKON-MEBEL.RU</span></a> » <a href="about.htm"><span class="dn_link">О нас</span></a> </div> <div id="header"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td width="276"><div class="logo"><a href="http://aikon-mebel.ru"><img alt="Айкон-мебель" src="img/logo.gif" width="190" height="50" border="0"></a></div></td> <td class="ff"><a href="cupboard.htm"><img src="img/coupe.jpg" border="0" width="100%" height="125"></a></td> <td class="ff"><a href="wardrobe.htm"><img src="img/ward.jpg" border="0" width="100%" height="125"></a></td> <td class="ff"><a href="hall.htm"><img src="img/prix.jpg" border="0" width="100%" height="125"></a></td> <td class="ff"><a href="room.htm"><img src="img/guest.jpg" border="0"width="100%" height="125"></a></td> <td class="ff"><a href="library.htm"><img src="img/bibl.jpg" border="0" width="100%" height="125"></a></td> <td class="ff"><a href="bedroom.htm"><img src="img/bed.jpg" border="0" width="100%" height="125"></a></td> <td class="ff"><a href="childrens.htm"><img src="img/child.jpg" border="0" width="100%" height="125"></a></td> <td class="ff"><a href="study.htm"><img src="img/cab.jpg" border="0" width="100%" height="125"></a></td> </tr> <tr> <td class="phone">Тел: (495)973-78-72, 973-04-62</td> <td class="link_menu" onmouseover="style.backgroundColor='#DA711C';" onmouseout="style.backgroundColor='#DDDDDD'"> <a href="cupboard.htm" style="text-decoration: none;">Шкафы-купе</a></td> <td class="link_menu" onmouseover="style.backgroundColor='#DA711C';" onmouseout="style.backgroundColor='#DDDDDD'"> <a href="wardrobe.htm" style="text-decoration: none;">Гардеробные</a></td> <td class="link_menu" onmouseover="style.backgroundColor='#DA711C';" onmouseout="style.backgroundColor='#DDDDDD'"> <a href="hall.htm" style="text-decoration: none;">Прихожие</a></td> <td class="link_menu" onmouseover="style.backgroundColor='#DA711C';" onmouseout="style.backgroundColor='#DDDDDD'"> <a href="room.htm" style="text-decoration: none;">Гостиные</a></td> <td class="link_menu" onmouseover="style.backgroundColor='#DA711C';" onmouseout="style.backgroundColor='#DDDDDD'"> <a href="library.htm" style="text-decoration: none;">Библиотеки</a></td> <td class="link_menu" onmouseover="style.backgroundColor='#DA711C';" onmouseout="style.backgroundColor='#DDDDDD'"> <a href="bedroom.htm" style="text-decoration: none;">Спальни</a></td> <td class="link_menu" onmouseover="style.backgroundColor='#DA711C';" onmouseout="style.backgroundColor='#DDDDDD'"> <a href="childrens.htm" style="text-decoration: none;">Детские</a></td> <td class="link_menu" onmouseover="style.backgroundColor='#DA711C';" onmouseout="style.backgroundColor='#DDDDDD'"> <a href="study.htm" style="text-decoration: none;">Кабинеты</td> </tr> </table></div><!-- #header--> <div id="middle"> <div id="container"> <div id="content"> <table><tr><td class="main_table2"> <h1>Вакансии</h1> <div class="topic_text"><p><strong>Вакансия продавца-консультанта</strong ></p> <p>В связи с расширением мебельной компании «Айкон» требуются на постоянную работу продавцы-консультанты корпусной мебели на заказ. Работа в мебельном центре (вблизи метро). Консультация клиентов в салоне и по телефону, составление компьютерного эскиза, предварительный расчёт стоимости, оформление заказов, заключение договоров, сопровождение заказов. Сменный график работы. Оклад + % с продаж. Предварительное бесплатное обучение. </p> <p>Требования: гражданство РФ, возраст 18-45 лет, трудолюбие, аккуратность, ответственность, пунктуальность. </p> <p>Телефон: (495)943-81-78</p> <p>Email: <a href="mailto: design@aikon-mebel.ru "> design@aikon-mebel.ru </a></p></div> </td> </tr></table> </div> </div><!-- #container--> <div class="sidebar" id="sideLeft"> <div class="min"> <div class="link_min1"><a href="index.htm">Главная</a></div> <div class="link_min1_s"><a href="about.htm">О нас</a></div> <div class="link_min2_s"><a href="vacancy.htm">Вакансии</a></div> <div class="link_min1"><a href="body.htm">Наши материалы</a></div> <div class="link_min1"><a href="products.htm">Наши работы</a></div> <div class="link_min1"><a href="standard.htm">Цена вопроса</a></div> <div class="link_min1"><a href="order.htm">Как заказать</a></div> <div class="link_min1"><a href="discount_action.htm">Скидки и акции</a></div> <div class="link_min1"><a href="cont.htm">Контакты</a></div> </div> </div><!-- .sidebar#sideLeft --> </div><!-- #middle--> </div><!-- #wrapper --> <div id="footer"> <div class="down"><div align="left"><script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2185362"></script> <noscript> <div align="left"><a href="http://top100.rambler.ru/navi/2185362/"> <img src="http://counter.rambler.ru/top100.cnt?2185362" alt="Rambler's Top100" border="0" /> </a> </noscript><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t20.3;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-16106312-1"); pageTracker._trackPageview(); } catch(err) {}</script><!--Rating@Mail.ru COUNTER--><script language="JavaScript" type="text/javascript"><!-- d=document;var a='';a+=';r='+escape(d.referrer) js=10//--></script><script language="JavaScript1.1" type="text/javascript"><!-- a+=';j='+navigator.javaEnabled() js=11//--></script><script language="JavaScript1.2" type="text/javascript"><!-- s=screen;a+=';s='+s.width+'*'+s.height a+=';d='+(s.colorDepth?s.colorDepth:s.pixelDepth) js=12//--></script><script language="JavaScript1.3" type="text/javascript"><!-- js=13//--></script><script language="JavaScript" type="text/javascript"><!-- d.write('<a href="http://top.mail.ru/jump?from=1546985"'+ ' target="_top"><img src="http://da.c9.b7.a1.top.mail.ru/counter'+ '?id=1546985;t=216;js='+js+a+';rand='+Math.random()+ '" alt="Рейтинг@Mail.ru"'+' border="0" height="31" width="88"/><\/a>') if(11<js)d.write('<'+'!-- ')//--></script><noscript><a target="_top" href="http://top.mail.ru/jump?from=1546985"><img src="http://da.c9.b7.a1.top.mail.ru/counter?js=na;id=1546985;t=216" border="0" height="31" width="88" alt="Рейтинг@Mail.ru"/></a></noscript><script language="JavaScript" type="text/javascript"><!-- if(11<js)d.write('--'+'>')//--></script><!--/COUNTER--> © 2011 «Айкон». Шкафы купе. Выгодные цены на шкафы-купе в Москве, шкаф-купе на заказ. Дизайн и разработка сайта: Григорий Малышев </div> </div> <!-- #footer --> </body> </html> * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; background: #E7E7E7; } #main { width: auto!important; min-width: 1000px; min-height: 100%; height: auto!important; height: 100%; } #header { height: 140px; width: 100%; background: #FFFFFF; } #middle { width: 100%; padding: 7px 0 50px; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; height: 100%; } #content { padding: 0 0 0 277px; height: 100%; overflow: hidden; } #sideLeft { float: left; width: 276px; margin-left: -100%; position: relative; } #footer { margin: auto 0; min-width: 1000px; height: 54px; } p { margin: 0 0 18px } input { vertical-align: middle; } table { width: 100%; table-layout: fixed; border-collapse: collapse; } td { font-family:Verdana; font-size:12px; } div { font-family:Verdana; font-size:12px } img { border:0px } .disp_none { display:none } H3 { font-weight : bold; font-size : 130%; } input, textarea { font-family: Verdana; font-size: 80%; text-decoration: none; color: #000000; cursor: default; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #000000; } .w100 { width:100% } .vh { visibility:hidden; position:absolute } .vv { visibility:visible } .ob_div { background-color:#F7F7F9; border-left:1px white solid } .ob2_div { width:100% } .ob { width:100%; border-right:1px white solid; border-left:1px silver solid; border-top:1px silver solid; border-bottom:1px silver solid } .ob_td { background-repeat:no-repeat; height:124px; border:1px white solid; border-left:0px; cursor:pointer } .ob_text { padding:4px 20px 5px 20px; background-color:#CCCCCC; font-weight:bold; text-align:center } .ff { padding: 0 1px 1px 1px; } .dn_div { background-color:#888888; padding:2px 20px 2px 10px; font-size:11px } .dn_link { font-weight:bold; color:white } .dn_div a { text-decoration:none } .logo { padding:35px 40px 35px 35px; } .phone { background-color:#DA711C; text-align:center; font-size:11px; color:white; font-weight:bold; padding: 0 2px 2px 2px; } .link_menu { background-color:#DDDDDD; text-align:center; font-size:11px; font-weight:bold; } a { color:#333333; text-decoration: none; } a:hover { color:#222222 } .link_min1 { background-color:#888888; font-size:12px; background-image:url('min001.gif'); background-repeat:no-repeat; padding:4px 10px 4px 23px; border-bottom:1px #666666 solid; font-weight:bold } .link_min1 a { color:white } .link_min2 { background-color:#DDDDDD; font-size:11px; background-image:url('min002.gif'); background-repeat:no-repeat; font-weight:bold; padding:1px 10px 3px 33px } .link_min2 a { color:#444444 } .link_min3 { background-color:#DDDDDD; font-size:11px; background-image:url('min003.gif'); background-repeat:no-repeat; padding:1px 10px 2px 43px } .link_min4 { background-color:#DDDDDD; font-size:10px; background-image:url('min004.gif'); background-repeat:no-repeat; padding:1px 10px 2px 53px } .link_min1_s { background-color:#DA711C; font-size:13px; background-image:url('min001s.gif'); background-repeat:no-repeat; padding:4px 10px 4px 23px; border-bottom:1px #DA711C solid; font-weight:bold } .link_min1_s a { color:white } .link_min2_s { background-color:#DDDDDD; font-size:11px; background-image:url('min002s.gif'); background-repeat:no-repeat; font-weight:bold; padding:1px 10px 3px 33px } .link_min2_s a { color:#DA711C } .link_min3_s { background-color:#DDDDDD; font-size:11px; background-image:url('min003s.gif'); background-repeat:no-repeat; padding:1px 10px 2px 43px } .link_min3_s a { color:#DA711C } .link_min4_s { background-color:#DDDDDD; font-size:10px; background-image:url('min004s.gif'); background-repeat:no-repeat; padding:1px 10px 2px 53px } .page_text { background-color:#E7E7E7; padding:20px 30px 10px 30px; margin-bottom:1px } .page_text strong { color:#DA711C } .topic_text { background-color:#E7E7E7; padding:10px 30px 10px 30px; } .topic_text strong { color:#DA711C } h1 { background-color:#DA711C; padding:3px 30px 3px 30px; font-family:Verdana; font-size:17px; color:#ffffff; } .main_table2 { background-color:#E7E7E7; } .down { background-color:#888888; padding:12px 10px 6px 10px; font-size:11px; text-align:center; color:white } .min { width:276px; margin-right:2px; } .min a { text-decoration:none } .attach { cursor:pointer; border:1px white solid } .attach img { border:1px #BBBBBB solid } .big { position:absolute; top:100px; left:120px; cursor:pointer; background-color:#888888; padding:16px; border:1px white solid } .big img { border:1px #BBBBBB solid } .big_img img { border:1px #777777 solid } .gallery { background-color:#DDDDDD; padding:15px 15px 15px 15px } .gallery td { } .gallery a { } .gallery a img { border:1px #CCCCCC solid; margin:2px } .sub_gallery { background-color:#DDDDDD; margin-top:1px; padding:15px } .sbi { border:2px #CCCCCC solid; margin:2px; width:100px; height:100px } .currr { border:2px #DA711C solid; margin:2px; width:100px; height:100px } div.squares a { display:inline-block; width:160px; text-align:center; height:160px; margin-top:14px; text-decoration:none } .div.squares a img { border: 1px solid #808080 } .div.squares a span { display:block; margin-top:8px } .div.squares a:hover { } .div.squares a:hover img { border: 1px solid #D46B15 } .div.squares a:hover span { color:#D46B15 }
