2008-09-29 4 views
1

Я хочу, чтобы 2 столбца касались, т.е. удалить поля, как я могу это сделать?Yui, как удалить поля для раскладки двух столбцов?

Мой код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
    <TITLE>testing</TITLE> 
    <!-- css --> 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css"> 
<!-- js --> 
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.5.2/build/utilities/utilities.js"></script> 
<style> 
.yui-b { 
    background-color: #eeeeee; 
} 


</style> 
</HEAD> 

<BODY> 
    <div id="doc3" class="yui-t1"> <!-- change class to change preset --> 
     <div id="hd">header</div> 

     <div id="bd"> 
      <div id="yui-main"> 
     <div class="yui-b"> 
      bd.main 
      </div> 
      </div> 

      <div class="yui-b">bd.other</div>   
     </div> 

     <div id="ft">footer</div> 
    </div> 
</BODY> 
</HTML> 

ответ

1

Добавьте класс в правой колонке и установить запас налево 0.

Если это не работает, вам, возможно, придется увеличить ширину на 1 или 2 %. Вы можете использовать firebug для проверки применяемых стилей и изменения их на лету.

+0

не работал для меня. – 2008-09-29 18:19:58

1

Обратите внимание, что вы используете YUI (пользовательский интерфейс Yahoo).

Ищите YUI reset.css. Каждый браузер имеет потенциально разные поля, заполнение, размер шрифта по умолчанию. Вы действительно должны начинать каждое веб-приложение с таким же файлом reset.css, чтобы довести все до общего знаменателя. В противном случае вы можете обнаружить, что исправили проблему, только чтобы она снова появлялась при просмотре с другого компьютера/платформы.

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

0

Обратите внимание, что вы используете YUI (пользовательский интерфейс Yahoo).