Таблица для позиционирования

[Volter9]

Здраствуйте Господа и Дамы.

Есть один скромный вопрос: Таблицы превращают ли код в говнокод?
Покажу на примере что именно хочу спросить.

Есть хеадер:

<div id="header">
    <div id="headerwrap">
	 <span class="menu_tab">Home</span>
	 <span class="menu_tab">Login</span>
	 <span id="search">
	  <input type="text" id="searchtext" />
	  <input type="button" value="Search" id="searchbutton" />
	 </span>
    </div>
   </div>

Его стили:

div#header {
width: 100%;
background-color: #10101F;
border-bottom: 1px solid #080810;
}
div#headerwrap {
width: 99%;
padding: 10px 0.5%;
}
div#search {
background: #080810;
display: inline;
padding: 10px;
border-radius: 10px;
float: right;
}
input#searchbutton {
border-radius: 5px;
border: 0px;
color: #fff;
padding: 5px;
background: #223;
}
input#searchtext {
border-radius: 5px;
border: 0px;
color: #fff;
padding: 5px;
background: #334;
}

Хочется что б первых два span.menu_tab были слева, а span#search был справа.
Без таблиц не обойтись в плане позиционирования, если спэн заменить на див, то див будет вылезать за пределы родительских блоков.

Да к как мне правильно спозиционировать? (А точнее: добавить таблицы будет правильно?)

З.Ы.: И прошу без CSS извращений вроде "div-ной таблицы".

 

[Юрчик]

А что если вот это

<span class="menu_tab">Home</span>
<span class="menu_tab">Login</span>

Заключить в див у которого атрибут float:left
а это

<input type="text" id="searchtext" />
		  <input type="button" value="Search" id="searchbutton" />

в див у которого float:right

 

[lekzd]

таблицы существуют для таблиц, тчк.
с ними код становится больше и понятность его снижается, так же данные таблицы не отображаются до полной загрузки контента в них (хотя это сейчас уже не актуально)

хотя икея.ком сверстан таблицами и не парятся http://www.ikea.com/

 

[Volter9]

таблицы существуют для таблиц, тчк.
с ними код становится больше и понятность его снижается, так же данные таблицы не отображаются до полной загрузки контента в них (хотя это сейчас уже не актуально)

хотя икея.ком сверстан таблицами и не парятся http://www.ikea.com/

http://ozon.ru/ тоже.

А что если вот это

<span class="menu_tab">Home</span>
<span class="menu_tab">Login</span>

Заключить в див у которого атрибут float:left
а это

<input type="text" id="searchtext" />
		 <input type="button" value="Search" id="searchbutton" />

в див у которого float:right

В этом то и проблема с Дивом, что он вылезает из div#header

 

[tigra60]

Ну, ваш код уже сам по себе такой, что его таблицами не испортишь.
Так что, вперед, к новым свершениям.

Без таблиц не обойтись в плане позиционирования, если спэн заменить на див, то див будет вылезать за пределы родительских блоков.

Есть хороший инструмент, рельса называется. Могу рассказать, как пользоваться.

 

[Volter9]

Ну, ваш код уже сам по себе такой, что его таблицами не испортишь. Так что, вперед, к новым свершениям.

Без таблиц не обойтись в плане позиционирования, если спэн заменить на див, то див будет вылезать за пределы родительских блоков.

Есть хороший инструмент, рельса называется. Могу рассказать, как пользоваться.

Раскажите?

 

[tigra60]

Только без обид!
Берется рельса и об нее ровняются руки. В качестве эталона ровности применяется та же рельса.

А если серьезно, то ваш код семантически бессмысленный, и со стилями вы перемудрили. Конкретнее могу сказать, когда увижу картинку - задумку дизайнера.

 

[Volter9]

Только без обид!
Берется рельса и об нее ровняются руки. В качестве эталона ровности применяется та же рельса.

А если серьезно, то ваш код семантически бессмысленный, и со стилями вы перемудрили. Конкретнее могу сказать, когда увижу картинку - задумку дизайнера.

Ну это совсем не в тему)
Тогда я воспользуюсь таблицами. Всем спасибо за "Помощь".