Замените столбцы таблицы на DIV и CSS, используя поплавки?

Question

У меня проблема с div и css и особенно с плавающей запятой. Мне нужно преобразовать тяжелую страницу с использованием таблиц, столбцов и строк, моя идея состоит в создании div для каждого столбца, но, конечно, мне нужно плавать ,

Каковы правила для плавания? Я должен плавать слева от каждого Div до тех пор, пока я не дойду до конца, а затем я должен «очистить» поплавок?

Полезно ли использовать ширину/высоту на div, я не могу правильно их плавать ?? или лучше использовать минимальную высоту?

Конечно, моя идея заключается в том, чтобы удалить все материалы css в таблицу внешнего стиля css, поэтому я предполагаю, что мне нужно предоставить каждый div и ID, чтобы я мог присвоить ему float/style ... или, конечно, если они все равно, я могу назначить класс css?

Любая помощь действительно оценили

Спасибо

Answer 1

<div id="mytable"> 
    <div class="left"></div> 
    <div class="right"></div> 
    <div class="clearer"></div> 
</div> 

<style> 
    .left,.right { 
     float:left; 
     width:100px; 
    } 
    .clearer { 
    clear:both; 
    height:0; 
    } 
</style> 

Это путь я стиль моих «таблицы», она работает во всех браузерах.

Answer 2

Это может быть полезно:

http://www.vordweb.co.uk/css/replacing-tables.htm

http://snook.ca/archives/html_and_css/getting_your_di

Answer 3

У меня возникли проблемы с дивами и CSS и особенно плавает .. мне нужно преобразовать страницу, которая является тяжелым использованием таблиц и столбцы и строки, моя идея состоит в создании div для каждого столбца, но, конечно, мне нужно их плавать.

Звучит нормально. Остерегайтесь, однако, что преобразование макета таблицы в макет CSS может быть сложным, если вы хотите сохранить внешний вид на 100% одинаковым.

Каковы правила плавания? Я должен плавать слева от каждого Div до тех пор, пока я не дойду до конца, а затем я должен «очистить» поплавок?

Позвольте мне ответить на пример:

<div style="float: left;">Column 1</div> 
<div style="float: left;">Column 2</div> 
<div>Column 3</div> 
<div style="clear: left;">Stuff below the three columns</div> 

Это хорошая практика, чтобы использовать Ширина/высоту на Div другие я не могу плавать их правильно ?? или лучше использовать минимальную высоту?

Это зависит от того, хотите ли вы, чтобы ширина/высота зависели динамически от содержимого или если вы хотите, чтобы он был исправлен. min-height может быть полезна во многих случаях, но я думаю, что вопрос слишком общий, чтобы получить ответ.

Конечно, моя идея заключается в том, если они все равно, я могу назначить класс css?

Да.