Плавующие границы в Html

Discussion in 'PHP' started by Варфоломей, 18 Apr 2006.

  1. Варфоломей

    Варфоломей Elder - Старейшина

    Joined:
    18 Feb 2006
    Messages:
    45
    Likes Received:
    8
    Reputations:
    2
    Может не здесь надо было писать эту тему но...., что сделано то сделано!

    Знатоки вы меня не раз выручали.
    И опять я к вам!
    Как убрать "Плавующие" границы.

    В Operе рисунок уходит в правую сторону на 30-48px
    В IE - там где надо! - точность 100%

    Использовал вот этот код!

    <!--begin code-->
    <div style="position: absolute; top: 553px; left: 345px; border: 0px; width: 88; height: 31;">
    <a target="_blank" href="http://www.-----.com/">
    <img src="http://www.-----.com/butt.gif" width="88" height="31" border="0" alt="-----"></a></div>
    <!--end code-->

    Что я не так сделал?
    P.S.: Рисунок т.е. кнопка находится в таблице
     
    1 person likes this.
  2. censored!

    censored! Green member

    Joined:
    2 Nov 2004
    Messages:
    1,160
    Likes Received:
    299
    Reputations:
    156
    Такое бывает. Поэтому лучше использовать только top, а в сторону отодвигать изображением. Где изображение - прозрачный gif размерами 1 на 1 пиксель (его еще spacer.gif называют). Вот ему и задай ширину 345px.
     
    _________________________
    1 person likes this.
  3. Варфоломей

    Варфоломей Elder - Старейшина

    Joined:
    18 Feb 2006
    Messages:
    45
    Likes Received:
    8
    Reputations:
    2
    Спасибо! Тема закрыта!
     
    1 person likes this.
  4. Trinux

    Trinux Members of Antichat

    Joined:
    26 Nov 2004
    Messages:
    1,403
    Likes Received:
    296
    Reputations:
    364
    Простите что пиш в закрытую тему, но сколько я не верстаю на дивах (больше года уже), ни разу таких проблем небыло.
    По коду из того что заметил:
    А надо
     
    _________________________
  5. blaga

    blaga Elder - Старейшина

    Joined:
    23 Mar 2006
    Messages:
    884
    Likes Received:
    273
    Reputations:
    106
    2Trinux я делал как в первом варианте, прокатывало. Но все же конечно лучше писать с пикселями.
     
  6. Trinux

    Trinux Members of Antichat

    Joined:
    26 Nov 2004
    Messages:
    1,403
    Likes Received:
    296
    Reputations:
    364
    Не каждый браузер поймет такой css код. IE возможно поймет, но FF точно будет ругаться
     
    _________________________
  7. censored!

    censored! Green member

    Joined:
    2 Nov 2004
    Messages:
    1,160
    Likes Received:
    299
    Reputations:
    156
    Вообще - изображения лучше давать в пикселях всегда, а все остальное - в процентах (нефиксированные таблицы, размер шрифтов). Тогда сайт будет и резиновый, и подходить под слепоглухонемых пользователей, у которых "Вид"-"Размер шрифта"-"Самый крупный"
     
    _________________________
  8. Trinux

    Trinux Members of Antichat

    Joined:
    26 Nov 2004
    Messages:
    1,403
    Likes Received:
    296
    Reputations:
    364
    Резинка не всегда хорошо =) Если не учитывать дизайнов Лебедева, который помешан на рещинке, то практически все новостные и информационные сайты не имеют рзиновую структуру, имеют статику.
    Тот же www.nnm.ru. Если бы он был резиновым, то на моем 19-ти дюймовом монике с соответствующем разрешении было бы ОЧЕНЬ трудно читать новости. То же самое можно сказать о
    http://abcnews.go.com/
    http://www.cnn.com/
    http://worldnews.com/
    и прочих. Все они имеют статичный вид. А все слепоглухонемые пользуются в таком случае специальными тулзами.
    Хотя, подчеркиваю, речь идет о новостных и информационных проектах.
     
    _________________________
  9. censored!

    censored! Green member

    Joined:
    2 Nov 2004
    Messages:
    1,160
    Likes Received:
    299
    Reputations:
    156
    А у тебя какое разрешение экрана на 19-ти дюймах? Текст не мелко смотриться?
    Если все в процентах расчитать (а не только таблицы), то сайт будет масштабироваться.
    Лебедева я в этом уважаю. Но многие так не делают, так как гимморно расчитать чего и как будет на разных мониках и разрешениях, поэтому все и фиксированно.
     
    _________________________
  10. Trinux

    Trinux Members of Antichat

    Joined:
    26 Nov 2004
    Messages:
    1,403
    Likes Received:
    296
    Reputations:
    364
    Совсем не поэтому. Поситать - 15 минут. Всего-то 4-5 распространенных разрешений. Или ты думаешь что один из самых востребованных американских CSS дизайнеров Mike Davidson, который делал тот же abcnews.com, просто решил не высчитывать проценты, так как это гимор? =) брось. Лебедев помешан на резиновых дизайнах и любит писать слово "***", это не значит что это правильно. Мыслить нужно объекстивно, а не так как ты: "Раз он так делает - значит делать так нужно везде!"

    Резинка хороша для портальных сайтов, но не для новостных.
     
    _________________________
  11. censored!

    censored! Green member

    Joined:
    2 Nov 2004
    Messages:
    1,160
    Likes Received:
    299
    Reputations:
    156
    А кто сказал, что я так мыслю? Я его уважаю не за то что он так делает и так надо делать, а за то что к этому надо стремиться (по-моему) и именно он так делает.
    Как Mike Davidson так и Лебедев востребован. Тока каюсь - я понятия не имею, кто такой Mike Davidson.

    Да и сам дизайн - это только первое впечатление. Первый заход на сайт. Потом это уже не важно. Уже обращаешь внимание на наполнение (как постоянный и как пролетный посетитель), и навигацию (как постоянный). Правда с учетом того - как эта инфа предоставляется пользователю (опять вернулись к дизайну). Если взять тот же nnm, то народ ходит из-за наполнения. Но ему важна и навигация по этому наполнению. И дизайн тоже. Для 15-17 (1024 на 768) меню слева смотриться нормально. Для 19 и 21 (минимум 1280 на 960) - уже приходиться присматриваться. Хотя пока 21 не очень распространены, но 19-шки уже набирают обороты.

    Больше выйдет. Да и посчитать - это одно. Потом надо нарисовать приблизительно, потом сверстать. И вон там вылазят гемморои и нестыковки и приходиться пересчитывать заново. Не так то это и просто.
     
    _________________________
  12. Qwazar

    Qwazar Elder - Старейшина

    Joined:
    2 Jun 2005
    Messages:
    989
    Likes Received:
    904
    Reputations:
    587
    А можно все размеры задать не в "px" а в "em", и тогда всё будет масштабироваться в зависимости от размера шрифта, но независимо от разрешения.

    Как пример: http://www.palm.com/us/products/

    Попробуйте поменять размеры шрифта. (лучше в сторону увеличения, а то у меня при уменьшении шрифта меньше нормального размера сайт ломается)
     
    #12 Qwazar, 26 Apr 2006
    Last edited: 26 Apr 2006
  13. Trinux

    Trinux Members of Antichat

    Joined:
    26 Nov 2004
    Messages:
    1,403
    Likes Received:
    296
    Reputations:
    364
    Про "em" ниоднократно писали несколько ведущих европейских дизайнеров не очень то лестные отзывы =)
     
    _________________________
  14. Qwazar

    Qwazar Elder - Старейшина

    Joined:
    2 Jun 2005
    Messages:
    989
    Likes Received:
    904
    Reputations:
    587
    Мне както приходилось их использовать - непривычно, но в целом работает под FF, IE и Safari для Macintosh.