Юй, как убрать поля для 2 колонки?
Я хочу, чтобы 2 колонки коснулись т.е. удалить поля, как я могу это сделать?
Мой код:
<!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>
3 ответа
Добавьте класс в правый столбец и установите для margin-left значение 0.
Если это не сработает, возможно, вам придется увеличить ширину на 1 или 2%. Вы можете использовать firebug, чтобы проверить примененные стили и изменить их на лету.
Обратите внимание, что вы используете YUI (Yahoo UI).
Ищите YUI reset.css. У каждого браузера потенциально разные поля, отступы и размер шрифта по умолчанию. Вы действительно должны запустить каждое веб-приложение с файлом reset.css, чтобы привести все к общему знаменателю. В противном случае вы можете обнаружить, что "исправили" проблему, только чтобы она снова появилась при просмотре с другой машины / платформы.
Надеюсь, вы начнете с того, что все элементы блока не имеют полей и отступов, а затем вы можете добавить поля и отступы туда, где вам это нужно.