Всем привет, вот реализовываю резиновый макет в 3 колонки и столкнулся с проблемой в меню, в нем 7 элементов, первый и последний прибиты по краям, а остальные отталкиваются от краев блока. Приведу код: HTML: #menu_footer{ float:left; width:100%; margin-top:10px; position:relative; height:16px; } HTML: <div id="menu_footer"> <a style="position:absolute;top:0;left:0;" href="/ru/">Главная</a> <a style="position:absolute;top:0;left:50%;margin-left:-35%;" href="/ru/pages/about/">О проекте</a> <a style="position:absolute;top:0;left:50%;margin-left:-18%;" href="/ru/news/">Новости</a> <a style="position:absolute;top:0;left:50%;margin-left:-3%;" href="/ru/articles/">Статьи</a> <a style="position:absolute;top:0;right:50%;margin-right:-18.8%;" href="/ru/pages/history_dvs/">История</a> <a style="position:absolute;top:0;right:50%;margin-right:-35.4%;" href="/ru/pages/contact/">Контакты</a> <a style="position:absolute;top:0;right:0;" href="/ru/pages/help/">Помощь</a> </div> menu_footer - центральный блок, который тянется. Сейчас меню при 1024 смотрится нормально, все пункты относительно друг друга на одинаковом расстоянии, а при большем разрешении, расстояние у всех разное, почему так? и как бы можно реализовать это меню проще, чтобы все пункты были на одинаковом расстоянии друг от друга. Спасибо.
Ширину блоков, что б на при разных размерах экрана у людей растягивалось по ширине и выглядело пропорционально. 2-й способ это сделать фиксированную ширину и вообще все размеры фиксированные в пикселях, только при надобности в высоту резину сделать, если динамические страницы, поместить все в отдельный div, для него задать <div align="center" либо через css прописать правило margin: auto, тогда основной блок будет центрироваться, при этом если ширина юзера = ширине сайта, то будет нормально, если ширина юзера > ширины сайта, то справа и слева равные участки будут заполняться background`ом
Во-первых, свойство absolute придумали не для такого извращенства Во-вторых, у меня твой код работает на разрешении 1680*1050, окна браузера менял, все ок PHP: <!DOCTYPE html> <html dir="ltr" lang="ru"> <head> <title>1</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style>#menu_footer{ float:left; width:100%; margin-top:10px; position:relative; height:16px; }</style> </head> <body <div id="menu_footer"> <a style="position:absolute;top:0;left:0;" href="/ru/">Главная</a> <a style="position:absolute;top:0;left:50%;margin-left:-35%;" href="/ru/pages/about/">О проекте</a> <a style="position:absolute;top:0;left:50%;margin-left:-18%;" href="/ru/news/">Новости</a> <a style="position:absolute;top:0;left:50%;margin-left:-3%;" href="/ru/articles/">Статьи</a> <a style="position:absolute;top:0;right:50%;margin-right:-18.8%;" href="/ru/pages/history_dvs/">История</a> <a style="position:absolute;top:0;right:50%;margin-right:-35.4%;" href="/ru/pages/contact/">Контакты</a> <a style="position:absolute;top:0;right:0;" href="/ru/pages/help/">Помощь</a> </div> Может у тебя доктайп не стоит?
Ты, наверно, имеешь проблемы со зрением или сам не знаешь что хочешь. Но в том коде что ты дал проблем нет
HTML: <style> #t { width: 100%; text-align: center; } #t tr td:last-child { text-align: right } #t tr td:first-child { text-align: left } </style> <table id="t"> <tr> <td> <a href="/ru/">Главная</a> </td> <td> <a href="/ru/">О проекте</a> </td> <td> <a href="/ru/">Новости</a> </td> <td> <a href="/ru/">Статьи</a> </td> <td> <a href="/ru/">История</a> </td> <td> <a href="/ru/">Контакты</a> </td> <td> <a href="/ru/">Помощь</a> </td> </tr> </table>
HTML: <style> div#d { width: 100%; } div#d div { float: left; width: 14.28%; text-align: center; } div#d div:first-child { text-align: left } div#d div:last-child { text-align: right } </style> <div id="d"> <div><a href="#">меню 1</a></div> <div><a href="#">меню 2</a></div> <div><a href="#">меню 3</a></div> <div><a href="#">меню 4</a></div> <div><a href="#">меню 5</a></div> <div><a href="#">меню 6</a></div> <div><a href="#">меню 7</a></div> </div>
посоветуйте любые html теги, в которых есть обработчик js кода. Типа: <body onload="javascript: alert()"></body>
onload есть только у боди и фреймсет есть же куча других событий (типа onclik, onmouseover и т.д.), а они в могут быть в куче хтмл тегов
