XHTML CSS поплавки и т.д. помочь

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

<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

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

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

источник

2009-08-09 Anonymous

Этот точный код не имеет дополнительного вертикального интервала, вы можете предоставить реальный код, который вы используете? –

Какой браузер вы просматриваете? И есть ли какая-либо другая информация о стилизации, которую вы загружаете, что может повлиять на это? – Karl

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

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

источник

2009-08-09 00:46:20

Вы правы, но на скриншоте они подходят, так что это не проблема. – RichieHindle

оклейки вашего HTML в тело моего родового файла тестирование-HTML-кода из-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.

источник

2009-08-09 00:48:07 RichieHindle

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

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

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

источник

2009-08-09 00:50:24 MJJames

Попробуйте добавить обертку 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 вокруг всего, это просто для того, чтобы сделать код более конструктивным.

источник

2009-08-09 01:36:33 Karl

XHTML CSS поплавки и т.д. помочь

ответ

Смежные вопросы