![]() |
|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
![]() |
|
Опции темы | Поиск в этой теме |
![]() |
#1 |
Пользователь
Регистрация: 08.02.2013
Сообщений: 32
|
![]()
Птенчики, чёта совсем не получается сделать так.
Вот спецом для вас нарисовал, чтобы словами не особо объяснять и чтобы было лучше понятно. Проблема у меня с центром. Нужно чтобы он был "резиновым" (при сжимании он должен сжиматься) и всегда был по центру. А левый и правый блоки тоже не должны иметь фиксированной ширины в пикселах (наверное auto должно быть) так как в них длинна надписей может меняться и они тоже должны расширяться или сужаться. |
![]() |
![]() |
![]() |
#2 |
Пользователь
Регистрация: 08.02.2013
Сообщений: 32
|
![]()
О, как! Даже великий и могучий Naive не может решить подобную задачку!
На первый взгляд вроде всё просто, но на самом деле - не просто ![]() input в середине должен обязательно иметь width: 100%,; т. е. играть роль распорки между левым и правым блоками. Последний раз редактировалось Дерек; 02.02.2014 в 21:09. |
![]() |
![]() |
![]() |
#3 |
Форумчанин
Регистрация: 03.04.2009
Сообщений: 108
|
![]()
Иметь 100% и при этом не быть на 100%? Занимательная математика. Я бы тоже посмотрел на решение этой задачки на css, а в его отсутствии воспользовался бы js
php,javascript
|
![]() |
![]() |
![]() |
#4 |
Пользователь
Регистрация: 08.02.2013
Сообщений: 32
|
![]()
Вот нахимичил, но не могу с центром решить проблему.
Код HTML:
<div class="header"> <div class="header_left">Название компании</div> <div class="header_right"><a href="#">Вход и регистрация</a></div> <div class="header_center"><form action="" method="get"> <input type="text" name="searchword" value="" class="input_search"> </form></div> </div> Код HTML:
.header { float: left; width: 100%; padding: 0; margin: 0; } .header_left { float: left; width: auto; line-height: 1.45; } .header_center { margin: 0 auto; text-align: center; } .header_right { padding: 0; margin: 0; width: auto; float: right; } |
![]() |
![]() |
![]() |
#5 | |
Пользователь
Регистрация: 08.02.2013
Сообщений: 32
|
![]() Цитата:
![]() Metandrostenalon, ты советский качок? ![]() |
|
![]() |
![]() |
![]() |
#6 |
Пользователь
Регистрация: 08.02.2013
Сообщений: 32
|
![]()
Зяблики, ну что, никто не знает как такое решается с помощью CSS?
Блин, этот грёбанный CSS - какой-то недоносок родившийся у недоносков! ![]() То ли дело таблицы! С помощью таблицы я такое решаю проще, чем свой палец описаю ![]() ![]() Вот смотрите: Код HTML:
<!DOCTYPE html> <html lang="ru"><head> <title></title> <meta charset="utf-8"> </head> <body> <table width="100%"> <tr> <td nowrap bgcolor="yellow">htyhtrytryrtyr grtgretgertg ertertewrwrrewrewr</td> <td width="100%" style="padding: 0 20px;"><form action="" method="get"><input type="text" name="" value="" style="width: 100%;"></form></td> <td nowrap bgcolor="yellow">htyhtrytryrtyr grtgretgertg</td> </tr> </table> </body> </html> Последний раз редактировалось Дерек; 03.02.2014 в 20:43. |
![]() |
![]() |
![]() |
#7 |
Форумчанин
Регистрация: 03.04.2009
Сообщений: 108
|
![]()
Как вариант
Код HTML:
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <style type="text/css"> .header { display:table; width:100%; } .header > div { display:table-cell; white-space:nowrap; } .header .header_center { width:100%; padding:0 20px; } .header .header_center input { width:100%; } </style> </head> <body> <div class="header"> <div class="header_left">htyhtrytryrtyr grtgretgertg ertertewrwrrewrewr</div> <div class="header_center"> <form action="" method="get"> <input type="text" name="searchword" value="" class="input_search"> </form> </div> <div class="header_right"><a href="#">Вход и регистрация</a></div> </div> </body> </html>
php,javascript
|
![]() |
![]() |
![]() |
#8 |
Пользователь
Регистрация: 08.02.2013
Сообщений: 32
|
![]()
Метанчик, Дростаналончик, может долбанём по таблеточке на мускол
![]() Такой код абсолютно неприемлем. IE ещё никто не отменял, он ещё жив, и думаю, что долго ещё будет жить. Естественно, что должна быть кроссбраузерность. |
![]() |
![]() |
![]() |
#9 |
Форумчанин
Регистрация: 03.04.2009
Сообщений: 108
|
![]()
поддерживать версии 6-7, нет уж извольте
php,javascript
|
![]() |
![]() |
![]() |
#10 |
Пользователь
Регистрация: 08.02.2013
Сообщений: 32
|
![]()
Да уж конечно, те люди, которые юзают IE 6-7 (особенно их много именно в крупных фирмах) - они как бы и не совсем люди
![]() Иными словами - нам насрать на вас, даже если вы наши потенциальные клиенты ![]() Если вы хотите платить нам денежки за наши услуги, то вы должны подстроиться под нас - тогда мы благородно и снисходительно примем ваши денежки. А пока сушите вёсла! ![]() |
![]() |
![]() |
![]() |
![]() |
||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Резиновая 3-х колоночная шапка с 1 колонкой width: auto; | Дерек | HTML и CSS | 8 | 11.02.2013 15:12 |
CSS - height auto | bulat786 | HTML и CSS | 1 | 11.11.2011 20:02 |
webbrowser Auto-Size | Delphinchik | Общие вопросы Delphi | 1 | 14.02.2011 11:16 |
height:auto !important | yarilo | HTML и CSS | 4 | 28.07.2009 15:16 |