Страница 1 из 1

Chroom сука тупит!

СообщениеДобавлено: Вт окт 19, 2010 17:31
skreets
Парни такая херня, делаю себе сайт - портфолио, все красиво блочная верстка каждую страницу в валидаторе прогоняю, и по всем браузерам смотрю, и вот значит открываю сайт при помощи гуглу хрома будь он неладен, и вижу то что вижу (http://skreets.ru/main) левый нижний блок "ушел в отпуск", то есть сместился так как не должен был. Хотя во ВСЕХ других браузерах все ровно ДАЖЕ в IE8. Я использую z-index для выравнивания двух нижних блоках, пересмотрел код раз 10 и не могу найти ошибку... помогите плиз... http://skreets.ru/css/main.css - файл стиля страницы.

Re: Chroom сука тупит!

СообщениеДобавлено: Вт окт 19, 2010 19:41
Padonak
skreets писал(а):... http://skreets.ru/css/main.css - файл стиля страницы.


http://skreets.ru/scc/main.css

Re: Chroom сука тупит!

СообщениеДобавлено: Вт окт 19, 2010 19:56
skreets
skreets.ru/css/main.css

Re: Chroom сука тупит!

СообщениеДобавлено: Ср окт 20, 2010 11:18
Muerto
Не только под хромом, но и под сафари. Иначе говоря под вебкитом.
390 ширина + 10 паддинга = 400 пикселей. Уменьши ширину айди live до 380 и будет тебе счастье (наверное).

Re: Chroom сука тупит!

СообщениеДобавлено: Ср окт 20, 2010 11:25
Muerto
И, кстати, посмотри на всплывающую подсказку на проигрывателе.

Re: Chroom сука тупит!

СообщениеДобавлено: Чт окт 21, 2010 15:28
skreets
Muerto писал(а):И, кстати, посмотри на всплывающую подсказку на проигрывателе.

а чего с ней??? выскакивает, ну не совсем её видно... ну что же тут поделаешь... вот так вот... а ты можешь предложить другой флеш плеер? безо всякой херни?

Re: Chroom сука тупит!

СообщениеДобавлено: Чт окт 21, 2010 21:34
Muerto
Подсказать со знанием дела не могу, поскольку никогда музыку на сайт не внедрял. Но их разных много - можно найти такой, чтобы подсказка не лезла обрезаной.
P.-S. Может у них есть какой параметр для скрытия типсов...
P. P.-S. попытался посмотреть скрипты конфигурационные - не достал.
P.-P. P.-S. href="../../../../../contact" - как ты в своих путях сам-то разбераешься?! %)

Re: Chroom сука тупит!

СообщениеДобавлено: Чт окт 21, 2010 21:59
Muerto
Накрайняк завсегда можно поставить на флэшку wmode=transparent и поверх этой кнопки поместить картинку с фоновым цветом. Нет наведния - нет события, нет события - нет подсказки.

Re: Chroom сука тупит!

СообщениеДобавлено: Чт окт 21, 2010 23:15
skreets
с этого места пожалуйста поподробнее

Re: Chroom сука тупит!

СообщениеДобавлено: Пт окт 22, 2010 12:04
Muerto
По идее (не проверял) просто делаешь:
1) Для div id="footer" position:relative
2) На всякий пожарный добавляем в скрипт плеера so.addParam("wmode", "transparent");
3) Делаем картинку любого размера с цветом #393935 (цвет твоего фона).
4) И после <div id="copy">&copy; 2010 skreets.ru | All rights Reserved.<br />Design by skreets</div> добавляем <img src="тут картинка с цветом фона" width="30" height="30" style="position:absolute; top:25px; left:510px; z-index:1000;" />
Должно работать.

Re: Chroom сука тупит!

СообщениеДобавлено: Пт окт 22, 2010 12:58
skreets
Muerto
ага я понял спс... попробую.
кстати я так и не смог вернуть блог на место в хроме, и вот не пойму не как в Сафари то сайт правильно отображается а в хроме нет, и z-index тут не причем.

Re: Chroom сука тупит!

СообщениеДобавлено: Пт окт 22, 2010 16:38
Muerto
skreet1.jpg
этап 1

skreet2.jpg
этап 2

skreet3.jpg
этап 3

получаем
skreet4.jpg
итог

Re: Chroom сука тупит!

СообщениеДобавлено: Сб окт 23, 2010 13:01
Muerto
Muerto писал(а):P.-P. P.-S. href="../../../../../contact" - как ты в своих путях сам-то разбераешься?! %)

Ты от корня веди пути(href="/contact"), а то когда по твоим вопросам в код лезу - приходится править все эти пути всякий раз.

Re: Chroom сука тупит!

СообщениеДобавлено: Сб окт 23, 2010 15:02
skreets
Muerto
Блин спс огромное!!! разяснил че каво!

Re: Chroom сука тупит!

СообщениеДобавлено: Сб окт 23, 2010 16:08
Muerto
skreets писал(а):Muerto
Блин спс огромное!!! разяснил че каво!

Я ещё и на машинке умею!.. %)
Ещё небольшой советик. Может на бэкграундную картинку /images/index/25.jpg для цифири с надписью прозрачность бы процентов 50 сделать? А то текст по ней не читается. И ещё, - зря ты фиксированную высоту сделал. И бэкграунд не должен повторятся... В общем, завтра, когда протрезвею - напишу свои наметки по поводу индексной страницы.

Re: Chroom сука тупит!

СообщениеДобавлено: Сб окт 23, 2010 22:54
Padonak
Скриц!
1. когда грузиццо флэшка та что сверху видны неприличные иероглифы цвета ошпаренного клитора -44-
2. ну ты сам наверно знаешь чего нет на сайте у тебя так что исправляй недочет -35-

Re: Chroom сука тупит!

СообщениеДобавлено: Вс окт 24, 2010 11:56
skreets
Padonak
а вот тут ты мужик не прав!!! Есть и делал я это специально для тебя мужик!!! На лого мышкой наведи...

Re: Chroom сука тупит!

СообщениеДобавлено: Вс окт 24, 2010 12:55
Muerto
Лень было по всем мелочам писать. Я просто подсократил код. Посмотри там - поймёшь чего я хотел сказать. Но правка, конечно, - на твоё усмотрение.
Код: Выделить всё
<!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=windows-1251" />
   <title>skreets | enter[вход]</title>
   <meta name="title"              content="skreets - Официальный Сайт" />
   <meta name="Publisher"         content="Вакулин А.Ю - [skreets]" />
   <meta name="Publisher-Email"    content="info[dog]skreets.ru" />
   <meta name="Publisher-URL"      content="skreets - http://skreets.ru" />
   <meta name="Keywords"           content="skreets - music,soft, game, iPhone, жизнь, любовь, секс, бар, софт, программы, игры" />
   <meta name="Description"        content="skreets.ru - Мой сайт, сайт обо мне, моей жизни, моих увлечениях, моих мыслях и всех тех кто меня окружает" />

    <style type="text/css">
      body {margin: 0; padding: 0; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; color: #8B8B8B; background-color: #393935;}
      h1{font-size: 16px; font-weight: normal; color: #B14D1C; padding: 45px 0 0 15px;}
      p {text-align: justify; color: #8B8B8B; padding: 0 25px 0 25px;}
      .eng {color: #fff;}
      a, a:link, a:visited {color: #899673;}
      a:hover {text-decoration:none;}
      #container {width: 780px; margin: 0 auto;}
      #header {background:url(http://skreets.ru/images/index/logo.jpg) center center no-repeat; overflow:hidden; padding-top:173px; text-align:center;}
      #header a {color: #fff; font-size: 16px; margin:0 80px;}
      #content {margin: 10px 0 0 0; background:#1F1F1E url(http://skreets.ru/images/index/25.jpg) right bottom no-repeat; padding-bottom:10px; padding-right:140px; line-height:18px;}
      #content img {float: left;}
      #footer {height: 100px; background: #393935;}
      .menu{overflow:hidden; float:left;}
      .menu a, .menu span {float:left; color:#899673; padding:2px 5px; background-color:#1F1F1E; margin-right:2px;}
      .menu span {color:#8b8b8b; background:url("http://skreets.ru/images/index/i.jpg") center top no-repeat;}
     </style>
</head>

<body>
<div id="container">
<div id="header">
<a href="main" title="enter[вход]">enter[вход]</a>
<a href="http://idparts.ru" title="exit[выход]">exit[выход]</a>
</div>
<div id="content">
  <img src="http://skreets.ru/images/index/skreets.jpg" width="116" height="35" alt="skreets" />
  <h1>Welcom[Велком]</h1>
  <p>- Это персональный сайт <span class="eng">skreets`a</span>, так называемый <span class="eng">Home Page[Домашняя Страница]</span>. На сайте только то чем я живу, дыши, о чем думаю.
    По этому если Вы - пришли на сайт в целях ознакомления моего <a href="portfolio" title="Portfolio[Портфоло]">Portfolio[Портфолио]</a> и дальнейшего заказа сайта, то прошу Вас в соответствующий раздел [ссылка была раньше].<br />

    Если Ты - пришел сюда с сайта <a href="http://mweb.ru" title="M[aster]WEB.ru" target="_blank">M[aster]WEB.ru</a>, то давай "пори" сайт, а комменты в личку на форуме. Возможно такое что Ты, мой друг или знакомый, решил взглянуть на сайт! Так заходи чего стоишь!!!<br />
    И если ты просто серфил сеть и случайно попал сюда то заходи или не заходи...<br /><br />
    <b>P.S.[З.Ы.]</b><br />
    На сайте возможен "Русский Фольклор", заранее прошу прощенья...<br />
    <b>P.P.S.[З.З.Ы.]</b><br />

    Если где то на сайте не сможешь прочесть текст, нажми <kbd>ctrl+a</kbd></p>
</div>
<div id="footer">
  <div class="menu">
  <span>главная</span>
  <a href="/faq/" title="че каво | f.a.q.">чё каво</a>
  <a href="http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fskreets.ru%2F" title="W3C|xhtml" target="_blank">w3c|xhtml</a>
  <a href="http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fskreets.ru%2F" title="W3C|css" target="_blank">w3c|css</a>
  </div>
  <img src="http://skreets.ru/images/index/ie.jpg" width="91" height="33" alt="Internet Explorer" align="right" />
  <img src="http://skreets.ru/images/index/safari.jpg" width="91" height="33" alt="Safari" align="right" />
  <img src="http://skreets.ru/images/index/chrome.jpg" width="91" height="33" alt="Google Chrome" align="right" />
  <img src="http://skreets.ru/images/index/fx.jpg" width="91" height="33" alt="Mozilla Firefox" align="right" />
  <img src="http://skreets.ru/images/index/opera.jpg" width="91" height="33" alt="Opera" align="right" />
</div>
</div>

</body>
</html>
Картинки браузеров тоже можно было склеить в полоску и положить бэкграундом в футер.
И ещё... src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" - лишний поток на сторонний сайт. Скачай библиотеку к себе.

Re: Chroom сука тупит!

СообщениеДобавлено: Вс окт 24, 2010 13:14
Muerto
Вот таким образом склеиваем картинки браузеров и сокращаем код ещё немного.
Код: Выделить всё
<!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=windows-1251" />
   <title>skreets | enter[вход]</title>
   <meta name="title"              content="skreets - Официальный Сайт" />
   <meta name="Publisher"         content="Вакулин А.Ю - [skreets]" />
   <meta name="Publisher-Email"    content="info[dog]skreets.ru" />
   <meta name="Publisher-URL"      content="skreets - http://skreets.ru" />
   <meta name="Keywords"           content="skreets - music,soft, game, iPhone, жизнь, любовь, секс, бар, софт, программы, игры" />
   <meta name="Description"        content="skreets.ru - Мой сайт, сайт обо мне, моей жизни, моих увлечениях, моих мыслях и всех тех кто меня окружает" />

    <style type="text/css">
      body {margin: 0; padding: 0; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; color: #8B8B8B; background-color: #393935;}
      h1{font-size: 16px; font-weight: normal; color: #B14D1C;  padding: 45px 0 0 15px; background:url(http://skreets.ru/images/index/skreets.jpg) 0 0 no-repeat;}
      p {text-align: justify; color: #8B8B8B; padding: 0 25px 0 25px;}
      .eng {color: #fff;}
      a, a:link, a:visited {color: #899673;}
      a:hover {text-decoration:none;}
      #container {width: 780px; margin: 0 auto;}
      #header {background:url(http://skreets.ru/images/index/logo.jpg) center center no-repeat; overflow:hidden; padding-top:173px; text-align:center;}
      #header a {color: #fff; font-size: 16px; margin:0 80px;}
      #content {margin: 10px 0 0 0; background:#1F1F1E url(http://skreets.ru/images/index/25.jpg) right bottom no-repeat; padding-bottom:10px; padding-right:140px; line-height:16px;}
      #footer {height: 100px; background:#393935 url(browsers.jpg) right top no-repeat;}
      #footer a, #footer span {float:left; color:#899673; padding:2px 5px; background-color:#1F1F1E; margin-right:2px;}
      #footer span {color:#8b8b8b; background:url("http://skreets.ru/images/index/i.jpg") center top no-repeat;}
     </style>
</head>

<body>
    <div id="container">
    <div id="header">
     <a href="/main/" title="enter[вход]">enter[вход]</a>
     <a href="http://idparts.ru" title="exit[выход]">exit[выход]</a>
     </div>
     <div id="content">
      <h1>Welcom[Велком]</h1>
      <p>- Это персональный сайт <span class="eng">skreets`a</span>, так называемый <span class="eng">Home Page[Домашняя Страница]</span>. На сайте только то чем я живу, дыши, о чем думаю.
         По этому если Вы - пришли на сайт в целях ознакомления моего <a href="portfolio" title="Portfolio[Портфоло]">Portfolio[Портфолио]</a> и дальнейшего заказа сайта, то прошу Вас в соответствующий раздел [ссылка была раньше].<br />
   
         Если Ты - пришел сюда с сайта <a href="http://mweb.ru" title="M[aster]WEB.ru" target="_blank">M[aster]WEB.ru</a>, то давай "пори" сайт, а комменты в личку на форуме. Возможно такое что Ты, мой друг или знакомый, решил взглянуть на сайт! Так заходи чего стоишь!!!<br />
         И если ты просто серфил сеть и случайно попал сюда то заходи или не заходи...<br /><br />
         <b>P.S.[З.Ы.]</b><br />
         На сайте возможен "Русский Фольклор", заранее прошу прощенья...<br />
         <b>P.P.S.[З.З.Ы.]</b><br />   
         Если где то на сайте не сможешь прочесть текст, нажми <kbd>ctrl+a</kbd></p>
     </div>
   <div id="footer">
        <span>главная</span>
        <a href="/faq/" title="че каво | f.a.q.">чё каво</a>
        <a href="http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fskreets.ru%2F" title="W3C|xhtml" target="_blank">w3c|xhtml</a>
        <a href="http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fskreets.ru%2F" title="W3C|css" target="_blank">w3c|css</a>
        </div>
    </div>
</body>
</html>

browsers.jpg
картинка в бэкграунд
browsers.jpg (3.77 Кб) Просмотров: 108236

Ну и надпись с 25+, как я и писал ранее - прозрачность эдак 50%, а то текст по ней плохо читается. И, кстати,чё это там за логотип такой яркий "advisory"?

Re: Chroom сука тупит!

СообщениеДобавлено: Вс окт 24, 2010 14:27
skreets
Muerto
Хрина ты заморочился! Огромное спасиб... надо тя накурить!!!

Re: Chroom сука тупит!

СообщениеДобавлено: Вс окт 24, 2010 14:33
skreets
Вом я лол, че я сразу не склеил картинки то... а почему лучше скачивать библиотеку к себе на сервер?

Re: Chroom сука тупит!

СообщениеДобавлено: Вс окт 24, 2010 23:48
Padonak
Скриц! признаю свой фаршмак! я просто не кликал по флешке :-) твой сайт - сайт натурала -37-

Re: Chroom сука тупит!

СообщениеДобавлено: Пн окт 25, 2010 9:19
skreets
-01- -06- -43-

Re: Chroom сука тупит!

СообщениеДобавлено: Пн окт 25, 2010 14:15
Muerto
skreets писал(а):Вом я лол, че я сразу не склеил картинки то... а почему лучше скачивать библиотеку к себе на сервер?
Да, в принципе, это не так критично. Есть плюсы сторонней загрузки - то, что ты разгружаешь свой сервер и по одной ссылке всегда имеешь последнюю версию библиотеки. Но минус - зависимость от стороннего сервера и лимит доверия, что тебе не подсунут бяку.
Замени картинку ленты браузеров на свою, сделанную из исходников. А то у меня же там дважды пережатые джипеги получились.

Re: Chroom сука тупит!

СообщениеДобавлено: Пн окт 25, 2010 14:16
Muerto
skreets писал(а):Muerto
Хрина ты заморочился! Огромное спасиб... надо тя накурить!!!

Надо! -03- -01- -47-

Re: Chroom сука тупит!

СообщениеДобавлено: Пн окт 25, 2010 14:56
skreets
Muerto
ты что предпочитаешь (гари, шелуха, шишки...)?

Re: Chroom сука тупит!

СообщениеДобавлено: Пн окт 25, 2010 14:57
skreets
но блок на место не встаёт в хроме перепробовал все

Re: Chroom сука тупит!

СообщениеДобавлено: Пн окт 25, 2010 20:42
Padonak
ногтями его накури

Re: Chroom сука тупит!

СообщениеДобавлено: Вт окт 26, 2010 8:16
Muerto
Шишки - наше всё! %)
Ближе к вечеру кину полный рабочий код. Сейчас просто на конфе зависаю. Highload++ сегодня последний день.

Re: Chroom сука тупит!

СообщениеДобавлено: Ср окт 27, 2010 11:03
Muerto
Что-то я не вижу, что ты для блока #live width:380px сделал...

Re: Chroom сука тупит!

СообщениеДобавлено: Ср окт 27, 2010 15:27
skreets
Muerto
я делал на денвере, проверил не че не изменилось, и не стал на сервак грузить

Re: Chroom сука тупит!

СообщениеДобавлено: Ср окт 27, 2010 16:17
Muerto
Ну поставь
#lastu {position:relative;}
#live {position:absolute; top:56px; left:0;}

Re: Chroom сука тупит!

СообщениеДобавлено: Ср окт 27, 2010 18:09
skreets
Ааа. Б... понял. все ок