Показать сообщение отдельно
  #1 (permalink)  
Старый 27.03.2009, 15:49
Аватар для HelpeR
Профессор
Отправить личное сообщение для HelpeR Посмотреть профиль Найти все сообщения от HelpeR
 
Регистрация: 21.10.2008
Сообщений: 241

style.float = 'left'
Здравствуйте всем!
Во время выполнения работы, застрял в таком месте. Требовалось сделать вот это
<div style="width:250px; overflow:hidden; border:1px solid;">
<div style="width:250px; float:left;">hello-1</div>
<div style="width:250px; float:left; margin-right:-250px;">hello-2</div>
</div>

и вот
var div = document.createElement('div');
div.style.width = '250px';
div.style.overflow = 'hidden';
div.style.border = '1px solid';

var div2 = document.createElement('div');
div2.style.width = '249px';
div2.style.float = 'left';
var txt = document.createTextNode('hello-1');
div2.appendChild(txt);

div.appendChild(div2);

var div3 = document.createElement('div');
div3.style.width = '249px';
div3.style.float = 'left';
div3.style.marginRight = '-250px';
var txt = document.createTextNode('hello-2');
div3.appendChild(txt);

div.appendChild(div3);
document.body.appendChild(div);

конечно я топорным способом накидал, но факт, что не работает. Что же я делаю не так, что не могу добиться результата как в html. Мне кажется, что float = 'left' не срабатывает, вот и дивы падают вниз. Можете взлянуть тут
Ответить с цитированием