xhtml css float и т. д. помощь - PullRequest
Новая
       17

xhtml css float и т. д. помощь

0 голосов
/ 09 августа 2009

Я действительно думаю вернуться к столам, потому что это просто # ¤ € & / @ £ всегда что-то .... 

<div style="float: left; width: 20%">
 #1 <a>SmokA</a><br />
 <small>Admin</small><br />
 <small>2009-08-07</small>
</div>

<div style="float: right; width: 80%">
 I would buy a boat
</div>

<div style="clear:both"></div>

<div style="border-top: 1px solid #071946; border-bottom: 1px solid #1D3060"></div>


<div style="float: left; width: 20%">
 #2 <a>BusHka</a><br />
 <small>Old school</small><br />
 <small>2009-08-07</small>
</div>

<div style="float: right; width: 80%">
 <a href="#comment1">#1</a> is stupid
</div>

<div style="clear:both"></div>
<div style="border-top: 1px solid #071946; border-bottom: 1px solid #1D3060"></div>

Это дает: http://i29.tinypic.com/2iawh83.png

Огромное пространство в первом диве. Зачем? если по какой-то причине нет более 10 комментариев

игнорировать глупые комментарии

Ответы [ 4 ]

0 голосов
/ 09 августа 2009

Попробуйте добавить div-обертку вокруг ваших плавающих. Это просто для того, чтобы увидеть, влияет ли что-то выше этого на это. 

<div style="clear:both">
<div style="float: left; width: 20%">
 #1 <a>SmokA</a><br />
 <small>Admin</small><br />
 <small>2009-08-07</small>
</div>

<div style="float: right; width: 80%">
 I would buy a boat
</div>    
</div>

<div style="clear:both"></div>

<div style="border-top: 1px solid #071946; border-bottom: 1px solid #1D3060"></div>

Кроме того, я бы не стал делать div для отображения строки, но это совсем другая проблема. Может быть, попробуйте тег HR или оберните этот div вокруг всего, это просто, чтобы сделать код более понятным структурно.

0 голосов
/ 09 августа 2009

Вставка вашего HTML в тело моего общего файла test-HTML-code-from-Stack-Overflow: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Test</title>
</head><body>
<!-- Rebadow's code here -->
</body></html>

показывает без проблем. Ваша проблема должна лежать в другом месте, например, в вашем CSS.

0 голосов
/ 09 августа 2009

, если вы используете IE6, используя 20% с 80% с, это часто приводит к переполнению линии, я обычно использую 20% 79%, и вы должны быть в порядке

чтобы увидеть, переполнено ли оно, попробуйте добавить переполнение: скрыто в div и посмотрите, выстраиваются ли они в линию, если вы знаете, что оно переполнено.

Вы использовали Firebug или другой инструмент для проверки, чтобы увидеть, какие высоты и ширины на самом деле?

0 голосов
/ 09 августа 2009

Я бы позаботился о том, чтобы ширина 20% и 80% ожидали, что поместятся на одной строке: если есть какие-либо отступы или границы, они не будут. Это выглядит так, как должно быть в FF 3.: D

...