Div плавающий, postitioning

У меня есть такой HTML код:Div плавающий, postitioning

<body style="text-align: center;"> 
<div style="background-color: #014156; text-align: center; width: 985px; margin:6px auto;"> 
<div style="background-color: #a6a6a6; width: 975px; background-image:url('shadow.gif'); background-repeat:repeat-x; background-position: center top; margin: 6px; overflow:hidden;"> 
<div style="float:left; width: 674px; text-align: center; color:#056c02; margin-left: 5px; margin-top: 10px; font-size: 20opx;" title="Product title"><span style="color: #d2ff00">"</span><span style="background-color: #d2ff00">[[Title]]</span><span style="color: #d2ff00">"</span><p style="text-align: left; font-size: 14px; margin-bottom: 5px;" title="Description">[[Description]]</p></div> 
<div style="float:left; width: 301px; text-align: center; " title="General information (Image, stock, price)">[[Picture1]]<BR><SPAN style="FONT-SIZE: 9px; background-color: #FFFFFF;">Image is for illustrative purposes only. Please refer to product description.</SPAN></div> 
</div>

Какие результаты:

enter image description here

В Грея фоновый DIV Мне нужно, что две дивы бы выровнять инлайн, и результат был бы как это: enter image description here

Что я должен изменить, в чем проблема?

P.s. мои стили описаны в тегах, потому что у меня нет возможности использовать css для этого из-за некоторых причин хоста. Поэтому, пожалуйста, не начинайте рассказывать мне об этом :)

источник

2013-02-27 Tautvydas

Вам нужно опустить ширину либо левого div, либо правого div.

Опускание первого div на 650px, например, устраняет проблему.

Ваша логика была правильной: 674px + 301px равно 975px, но вы не учитывали поля и дополнения и границы в этих значениях. Сделайте «реальную» ширину меньше или равной 975px

источник

2013-02-27 16:14:35 James

Спасибо, это была проблема. :) – Tautvydas

@Tautvydas Если проблема исправлена, upvote + маркировка ответа будет правильным! благодаря! – James

6min gap, done :) Спасибо еще раз. – Tautvydas

Вместо float: left, попробуйте с display: inline-block, что должно сработать.

источник

2013-02-27 16:13:51 martriay

Почти такой же результат. – Tautvydas

Вам не нужно выровнять оба div в одной строке вместо одной под другой? Или что вам нужно? – martriay

У вас есть p тег, который является block, выстроившимся рядом с и встроенным span. Добавьте inline или inline-block в тег p, в зависимости от ваших требований. Другая возможность - вы можете изменить p на span.

источник

2013-02-27 16:15:08 marteljn

Div плавающий, postitioning

ответ

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