Jump to content

viv

User
 View Profile  See their activity

  • Posts

    70

  • Joined

  • Last visited

 Content Type 

Everything posted by viv

  1. viv
    да все верно, но при просмотре в опере и фф отступы гораздо шире при разрешении 1024px чем в IE Хотя может это нормально. Тестировал при разрешении 1280 на 1024 , ИЕ растягивает и увеличивает шрифт, как то даже не солидно получается для сайта. и есть скрол в низу. Если мы сейчас тестируем разными бараузерами, и каждый из них то показывает скрол то нет, выходит, что в стилях нужно где то поставить !important ?
  2. viv
    Ребят я не совсем пока разбираюсь в дивах и полагаясь на ваш опыт может это и есть нормально для такой верстки? Хотя опера и фф с отступами, блин, еще заметил внизу горизонтальную полосу прокрутки (Проморгал похоже при верстке). И тоже не могу понять откуда она вылезла, ведь все жестко и 1000px не должно по идее ее быть.
  3. viv
    Это конечно хорошо. Спасибо всем за помощь! Получается что то у меня с компами, не могу понять что. растягивает и тем самым увеличивает не много и шрифт и картинки. Если кто может сталкивался или поймет в чем дело напишите пожалуйста Я в свою очередь если исправлю, обязательно отпишусь.
  4. viv
    То есть не растягивает? И есть отступы белого цвета слева и справа? Ребят, а разрешение у вас какое?
  5. viv
    Доброго всем времени суток! Подскажите пожалуйста, почему IE7, 8, растягивает жесткий макет на всю ширину своего окна, тогда как в опере или фф, все нормально и остается место для фона слева и справа? Каркас жесткий 1000px. Верстаю первый макет на divах, может чего не так изначально?
  6. viv
    Надпись создает дримвивер, а я ее не трогаю, пусть будет, мне она нравится))) А Вы можете считать или не считать шедеврами все, что угодно. Мне как то все равно. А вот как сам код? Я конечно первый раз пробую верстать divами и смотрю много всяких подводных камней с отображением в разных браузерах. Я почему то при верстке этого блока #line вставил height Огромное спасибо за подсказку!!! Я вроде весь код выложил. Хм старнно почему он у Вас не отображается. В принципе проблема то заключалась в блоке #line свойство height, его надо было убрать, что я и сделал. Всем спасибо за помощь!!! Не ожидал такой активности, думал попросишь помощи и жди дня 2 когда кто нить ответит. Хорошо, что ошибся
  7. viv
    Какую картинку? Главный блок #conteiner, в нем блок #line с margin-left:40px; У блока #conteiner фон (не картинка, просто цвет). В блоке #line фоном каринка. Так вот эти 40px (тступ margin) стали белыми (Соответственно фоном тега body(фон для него не определен)). Может Вам ссылку скинуть для наглядности?
  8. viv
    Да это мне все понятно и я знаю эти вещи. А вот сис админ тоже знает! Нет доступа. Да короче чего объяснять, надо по делу. Давайте не будем попусту разговаривать вот весь код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css" /> <title>Деловой Партнер</title> </head> <body> <div id="conteiner"> <div id="header"></div> <div id="name"><a href="index.php"><img src="../delparts/images/name.png" alt="ФПК Деловой Партнер"/></a></div> <div id="name2"><span class="redcvet">e-mail:</span> delpart@rambler.ru</div> <div id="name3"><span class="redcvet"><a href="index.php">Обратная связь</a> | <a href="index.php">Сделать заявку</a></span></div> <div id="tel"> <span class="redcvet">тел.: 8</span> <span class="codetel">(499)</span> <span class="redcvetbold">255 91 61</span><br> <span class="redcvet1">тел.:</span> <span class="redcvet">8</span> <span class="codetel">(499)</span> <span class="redcvetbold">255 91 66</span><br> <span class="redcvet1">тел.:</span> <span class="redcvet">8</span> <span class="codetel">(499)</span> <span class="redcvetbold">255 15 63</span><br> <span class="redcvet1">тел.:</span> <span class="redcvet">8</span> <span class="codetel">(499)</span> <span class="redcvetbold">255 15 63</span> </div><!--tel--> <div id="line"> <!--<div id="fon-line">--> <div id="block-menu"> <div id="menuusb"><a class="a-menu" href="index.php">новости</a> <img src="images/arr.png" alt="arrow"/></div> <div id="menukey"><a class="a-menu" href="index.php">компания</a> <img src="images/arr.png" alt="arrow"/></div> <div id="menuattach"><a class="a-menu" href="index.php">информация</a> <img src="images/arr.png" alt="arrow"/></div> <div id="menupan"><a class="a-menu" href="index.php">отзывы</a> <img src="images/arr.png" alt="arrow"/></div> </div><!--block-menu--> <!--</div><!--fon-line--> <div id="hand"><img src="images/hand2.jpg" alt="" /></div> </div><!--line--> <div id="clear"></div> </div><!--conteiner--> </body> </html> И стили: /* CSS Document */ html, body { margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */ padding:0px; text-align:center; /*width: 100%; height: 100%;*/ } a { color:#a9242c; outline: none; text-decoration: none; } a:hover { text-decoration: underline; color: #725947; } .a-menu { color:#947d63; text-decoration: underline; } img{ border: none; } .redcvet{color:#a9242c;} .redcvet1 { color:#fcefc2;} .codetel { color:#4b372d;} .redcvetbold {color:#a9242c; font-weight:bold;} #conteiner{ background-color:#fdeec3; margin:0 auto; /*выравниваем макет по центру в современных браузерах */ text-align:left; /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */ width:1000px; /* ширина нашего макета*/ padding:0 1px; } #clear{ height:0; font-size:1px; line-height:0px; clear:both; } #header{ background-image: url(images/book.jpg); background-repeat:no-repeat; height:99px; } /*————————————Логотип, мыло, телефоны————--*/ #name{ background-color:#fdeec3; float:left; margin-left:40px; margin-top:25px; width:460px; display:inline; } #name2{ background-color:#fdeec3; float:left; font-family:Tahoma; font-size:14px; padding-left:60px; display:inline; } #name3{ background-color:#fdeec3; float:left; font-family:Tahoma; font-size:14px; padding-left:35px; margin-left:0px; display:inline; } #tel{ float:left; width:200px; margin-left:271px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:right; display:inline; } /*#fon-line{ background-color:#999999; width:auto; }*/ #line{ margin-top:10px; margin-left:40px; margin-right:20px; width:955px; height:1px; background-image:url(images/line.gif); background-repeat:no-repeat; float:left; display:inline; } /*————————-menu——————--*/ #block-menu{ background-color:#fdeec3; float:left; margin-top:1px; display:inline; } #menuusb{ width:142px; background-image:url(images/usb.png); background-repeat:no-repeat; height:35px; padding-top:70px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; float:left; padding-left:10px; } #menukey{ width:132px; background-image: url(images/key.jpg); background-repeat:no-repeat; height:35px; padding-top:70px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; float:left; display:inline; padding-left:25px; } #menuattach{ width:132px; background-image: url(images/attach.jpg); background-repeat:no-repeat; height:35px; padding-top:70px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; float:left; display:inline; padding-left:25px; } #menupan{ width:102px; background-image: url(images/pan.jpg); background-repeat:no-repeat; height:35px; padding-top:70px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; float:left; display:inline; padding-left:25px; } /*—————————--hand————————*/ #hand{ width:330px; float: right; margin-top:20px; display:inline; }
  9. viv
  10. viv
    Скорее всего! Ладно. Буду дома выложу код. И там уж точно все увидим. КАК??? Позвонил домой, брат попробовал и сказал не получается! вот так. А, стоп, сейчас по почте барт пришлет выложу на сайт. Минуту
  11. viv
    Вот как раз все что Вы описали "Уважаемый" начитавшись мануалов. У меня так и есть!!! Читайте внимательнее!!! Еще раз Вам пишу: Есть бок, у него фон! В этом болоке еще блок с заданным margin-left:20px; По идее все должно быть тип топ, но на практике этот отступ вложенного блока от главного стал белым(бесцветным) Куда еще проще описывать? Коды к сожалению дома.
  12. viv
    код у меня дома на компе к сожалению. Может подскажите какие могут быть варианты? Так, попробовал установить для главного блока padding:1px; Но не помогло... Может не так что делаю?
  13. viv
    Доброго времени суток! Подскажите пожалуйста, как закрасить отступы margin? есть главный блок, он закрашен фоном. Далее в этом боке создаю еще один и назначаю ему отступ margin-left: 20px; Но при просмотре в опере или ie7(на других пока не смотрел) пропадает часть фона как раз на ширину отступа. Как уколоть эту ошибку?
  14. viv
    Попробуйте применить margin-right: на ширину правой колонки. ой смотрю Вам это уже не помогло...
  15. viv
    Нет Да, согласен с Вами, верстка оставляет желать лучшего. Но это превый опыт. Будем работать))) Спасибо за советы, обязательно обращусь еще (и не раз наверное)
  16. viv
    Как новичку в div верстке Вы просто открываете мне глаза ггЫ Спасибо за ценные советы. А домен то это на сейчас площадка для тестов, мы его зарегали на будующее. Будем еще на латинице покупать. Вот такие дела. С заголовками стало понятно, но ie полностью растягивает по своей ширине, а опера соблюдает заданную ширину в 1000px и видно фон body. Как это можно исправить? Что скажите про верстку? Сколько черт ног сломает?
  17. viv
    Исходники могу прикрепить только когда дома буду. Если возможно, посмотрите ссылку может там видно будет в чем дело.
  18. viv
    Да, все получилось! Спасибо! А еще вопросик: из-за чего IE 7,8 и вроде бы 6 растягивают макет по ширине и тем самым увеличивается шрифт, как то так все увеличивает, а в опере и фф все нормально разрешение 1000px
  19. viv
    Спасибо за ответы ребят, сейчас попробую дисплей применить, и ести не выйдет прикреплю css и html
  20. viv
    Доброго времени суток! Как уколоть ишака 6 чтобы не сдвигал слои? Везде отображается нормально, но 6 сдвигает обтекающие слева слои. При этом такое ощущение, что он всталяет какие то левые отступы. На пример: задаю margin-left: 20px; Везде нормально отсутают слои, а в 6 больше растояние примерно получается 40px. Не могу понять почему. Может кто то сталкивался с этим, подскажите пожалуйста.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept