katrinok_k
-
Posts
5 -
Joined
-
Last visited
katrinok_k's Achievements
Explorer (1/14)
0
Reputation
-
или я "дурак" или еще что-то не то, про помещении этого стиля контента ситуация становится еще более загадочной вопрос с въезжанием текста под меню снимается, под подвал вроде бы тоже не проваливается (только в опере это происходит)
-
вот что получается, при уменьшении процентов у контента появляется дырка между заливками и текст при уменьшении падает под подвал
-
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Нова Картка</title> <link href="css/stily_2.css" rel="stylesheet" type="text/css" /> <script src="css/jquery-1.5.min.js" type="text/javascript"> </script> <script src="css/equalHeight.js" type="text/javascript"> </script> </head> <body> <div id="wrapper"> <div id="header"> <div id="shapka"> <img src="images/shapka_1_2.png" width="671" height="122" /> </div> <div id="logo"> <img src="images/logo_2_new.png" height="59" width="181" /> </div> <div id="cards"> <img src="images/kartochli_verh_1.png" height="195" width="281" alt="cards" /> </div> </div> <div id="menu"> <div class="button" > <a href="index.html"> <img src="images/Button/but_o_kompanii.png" onmouseover="this.src='images/Button/but_o_kompanii2.png'" onmouseout="this.src='images/Button/but_o_kompanii.png'" width="222" height="44" /> </a> <a href="#"> <img width="222" height="44" src="images/Button/but_slov_termin.png" onmouseover="this.src='images/Button/but_slov_termin2.png'" onmouseout="this.src='images/Button/but_slov_termin.png'" /> </a> <a href="#"> <img width="222" height="44" src="images/Button/but_acses.png" onmouseover="this.src='images/Button/but_acses2.png'" onmouseout="this.src='images/Button/but_acses.png'" /> </a> <a href="#"> <img width="222" height="44" src="images/Button/but_produkcia.png" onmouseover="this.src='images/Button/but_produkcia2.png'" onmouseout="this.src='images/Button/but_produkcia.png'" /> </a> <a href="index_2.htm"> <img width="222" height="44" src="images/Button/but_servis.png" onmouseover="this.src='images/Button/but_servis2.png'" onmouseout="this.src='images/Button/but_servis.png'" /> </a> <a href="#"> <img src="images/Button/but_partneri.png" onmouseover="this.src='images/Button/but_partneri2.png'" onmouseout="this.src='images/Button/but_partneri.png'" height="44" width="222" border="0" /> </a> <a href="#"> <img src="images/Button/but_zapros.png" onmouseover="this.src='images/Button/but_zapros2.png'" onmouseout="this.src='images/Button/but_zapros.png'" height="44" width="222" border="0" /> </a> </div> <div id="kontakty"> <ul> <li><p>?Нова картка? on-line <br /> ICQ 428-105-707 </p></li> <li><p> тел. (044) 284-08-99 <br />(многоканальный)</p></li> <li><p> тел. 0-800-501-269 <br />(бесплатно со стационарных <br /> телефонов Украины)</p></li> <li><p> тел. 284-12-69 <br />(для жителей г. Киева)</p></li> <li> <p><p><br /> e-mail: sales@novakartka.com </p></p> </li> </ul> </div> <div id="logo_icq"> <img src="images/logo_icq.png" height="20" width="20" /> </div> <div id="telefon"> <img src="images/telefon.png" height="41" width="52" /> </div> <div id="konvert"> <img src="images/konvert.png" height="29" width="23" /> </div> </div> <div id="content"> <div id="gradient"> <img src="images/gradient_verh_1.png" height="33" width="807" /> </div> <div> <span id="button"> <a href="index.html"> <img src="images/Button/but_home.png" onmouseover="this.src='images/Button/but_home2.png'" onmouseout="this.src='images/Button/but_home.png'" height="30" width="32" /> </a> <a href="#"> <img src="images/Button/but_karta_sajta.png" onmouseover="this.src='images/Button/but_karta_sajta2.png'" onmouseout="this.src='images/Button/but_karta_sajta.png'" height="30" width="32" /> </a> <a href="#"> <img src="images/Button/but_white_letter.png" onmouseover="this.src='images/Button/but_white_letter2.png'" onmouseout="this.src='images/Button/but_white_letter.png'" height="30" width="32" /> </a> </span> </div> <span id="language"> <p><pre><a href="#"> УКР </a> | <a href="#"> РУС </a> | <a href="#"> ENG </a> </pre></p> </span> <div class=n_k > <img src="images/humam_sm.png" height="22" width="266" id="humanSm"/> <a href="index.html"> www.novakartka.com > </a> <span id="o_komp"> О компании </span> </div> <div id="text"> <p> <h3> О компании </h3> </p> <p> <a href="index.html"> ООО «Нова картка» </a> специализируется на предоставлении услуг по изготовлению и персонализации <a href="#"> пластиковых карт: </a> <br /> <a href="#"> - Идентификационные карты (удостоверения, бейджи) </a> <br /> <a href="#"> - Дисконтные карточки, карточки лояльности и пр. </a> <br /> <a href="#"> - Предоплатные карты (Интернет и IP-телефония) </a> <br /> <a href="#"> - Рекламно-информационные карты </a> <br /> и другие виды <a href="#"> пластиковых карт. </a> </p> <p> Отличительной особенностью нашей компании является комплексный подход в изготовлении пластиковых карточек: от <a href="#"> разработки макета </a> и <a href="#"> формирования базы данных </a> до <a href="#"> готовой продукции </a>, оформленной в удобные <a href="#"> аксессуары.</a> </p> <p> Современное оборудование позволяет нам производить <a href="#"> фотосъемку </a> персонала заказчика, как в студии нашей компании, так и на территории заказчика. <br /> Наши специалисты индивидуально подходят к каждому заказу и могут подобрать оптимальную по качеству, срокам и цене <a href="#"> технологию </a> изготовления.</p> <p> <a href="index.html"> ООО «Нова картка» </a> была первой и остается ведущей компанией в Украине, обеспечивающей производство и поставки <a href="#"> бесконтактных пластиковых карточек и других идентификаторов. </a> В предлагаемом нами ассортименте брелки и браслеты с бесконтактным чипом, а также бесконтактные метки в форме шурупов, гвоздей, наклеек, жетонов и другие изделия для нестандартных задач. </p> <p> Для получения коммерческого предложения заполните, пожалуйста, <a href="#"> форму запроса </a> на нашем сайте. </p> <p> сегда рады видеть Вас в наших офисах: </p> <p> ООО "Нова картка" </p> <p> г. Киев <br /> м. "Житомирская", <br /> проспект Победы, 123, 5-й этаж. <br /> тел. (044) 284-08-99 (многоканальный) <br /> тел. 0-800-501-269 (бесплатно со стационарных телефонов Украины) <br /> тел. 284-12-69 (для жителей г. Киева) <br /> факс (044) 284-12-15 <br /> <a href="#"> подробнее >> </a> </p> <p> Представительства:</p> <p> г. Днепропетровск <br /> ООО "ДнепрПромСервис" <br /> ул. Новоселовская, 27 <br /> тел. (0562) 34-85-04, 23-33-84 <br /> факс (0562) 38-81-21 <br /> <a href="#">подробнее >> </a> </p> <p> Для получения коммерческого предложения заполните, пожалуйста, <a href="#"> форму запроса </a> на нашем сайте. </p> <p> сегда рады видеть Вас в наших офисах: </p> <p> ООО "Нова картка" </p> <p> г. Киев <br /> м. "Житомирская", <br /> проспект Победы, 123, 5-й этаж. <br /> тел. (044) 284-08-99 (многоканальный) <br /> тел. 0-800-501-269 (бесплатно со стационарных телефонов Украины) <br /> тел. 284-12-69 (для жителей г. Киева) <br /> факс (044) 284-12-15 <br /> <a href="#"> подробнее >> </a> </p> <p> Представительства:</p> <p> г. Днепропетровск <br /> ООО "ДнепрПромСервис" <br /> ул. Новоселовская, 27 <br /> тел. (0562) 34-85-04, 23-33-84 <br /> факс (0562) 38-81-21 <br /> <a href="#">подробнее >> </a> </p> </div> </div> <!--<div class="clearfloat"></div>--> <div class="empty"></div> </div> <div id="footer"></div> </body> </html> и css * { margin: 0; padding: 0; border: 0; } html, body { width: 100%; height: 100%; } * html #wrapper { height: 100%; } body { background: #fff; color: #333; font-family: Arial, Verdana, sans-serif; font-weight: normal; font-size: .75em; } #wrapper { position: relative; width: 100%; margin: 0 auto; min-height: 100%; min-width:880px; max-width:1400px; } #header { background: #fff; width: 100%; height: 122px; text-align: center; } #shapka{position:absolute; background-color: #FFF; height:122px; width:auto; z-index:1; } #logo{position:absolute; right:25px; top:30px; z-index:2; } #cards{ position:absolute; left:30px; top:7px; z-index:4; } #menu { width: 250px; float: left; padding: 0; margin: 0; height:100%; background-color:#C3E0C6; } .button{ float:left; margin-top:80px; margin-left:12px; padding:1px; } #kontakty{ float:left; margin-left:20px; margin-top:10px; padding: 2px; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:10pt; } #kontakty ul li p{ font-weight:bold;} #kontakty ul li{ list-style-type:none; line-height:1.5em; z-index:6; } #logo_icq{ position:absolute; left:190px; top:535px; } #telefon{position:absolute; left:170px; top:564px; } #konvert{position:absolute; left:40px; top:697px; padding: 2px; } #content { background: #F5FAF5; width: 80%; margin-left:250px; float:right; top:15px; padding:0; margin:0; min-width:620px; } #gradient{position:absolute; background-color:#1D5950; left:250px; top:122px; height:33px; width:inherit; } #button{position:absolute; right:60px; top:122px; padding: 2px; z-index:4; } #language{position:absolute; left:300px; top:137px; z-index:4; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:9pt; } #language p{ font-weight:bolder; } #language a{color:#098471;} a{text-decoration:none; } a:visited{color:#098471;} #humanSm{position:absolute; left:260px; top:164px; height:22px; } .n_k a{position:absolute; left:280px; top:169px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#04605B; } #o_komp{ position:absolute; left:420px; top:171px; } #text{ float:right; padding:10px; margin-left:10px; margin-top:65px; font-family:Arial,Helvetica,sans-serif; font-size:small; line-height:1.3em; min-width:620px; } #text a{color:#098471; text-decoration:none; } #text a:hover{text-decoration:underline;} #text p{ text-indent:30px;} /*.clearfloat { clear: both;*/ } .empty { height: 35px; } #footer { position: relative; background: #333; width: 100%; height: 35px; color: #ccc; font-size: .9em; margin-top: -35px auto 0; clear: both; } #footer p { font-size: .9em; padding: 20px 0 0; text-align: center; } #footer a { color: #fff; } #footer a:hover { color: #999; } если я убираю правый float и оставляю без него, то подвал уже не тянется за текстом что бы колонки были одно высоты были подключены два скрипта
-
не то, так контент вообще "падает" вниз, мне же надо что бы он стоял наравне с меню и при уменьшении окна браузера просто становился уже
-
Помогите пожалуйста разобраться, делаю сайт и при уменьшении окна браузера контент съезжает под меню. Меню идет статическое 250px, а контент надо что бы тянулся в ширину. #menu { width: 250px; float: left; padding: 0; margin: 0; height:100%; background-color:#C3E0C6; } .button{ float:left; margin-top:80px; margin-left:12px; padding:1px; } #kontakty{ float:left; margin-left:20px; margin-top:10px; padding: 2px; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:10pt; } #kontakty ul li p{ font-weight:bold;} #kontakty ul li{ list-style-type:none; line-height:1.5em; z-index:6; } #content { background: #F5FAF5; width: 80%; margin-left:250px; float: right; top:15px; padding: 0; margin:0; min-width:620px; } #text{ float:right; padding:10px; margin-left:10px; margin-top:65px; font-family:Arial,Helvetica,sans-serif; font-size:small; line-height:1.3em; min-width:620px; } и далее если уже разбираться, то хотелось бы выяснить еще несколько нюансов почему-то перестал действовать межстрочный отступ у <p> и как сделать так что бы при недостаточном количестве контента фон меню всеже доходил до подвала. и еще одно, во всех браузерах картинки слева (лого-icq, телефон и конверт) стоят на своих местах, а в лисе они прыгают вверх, как сделать так что бы они везде были на своих законных позициях? Если я задаю какие-то глупые вопросы - уж простите, только начинаю осваивать. Помогите пожалуйста