Urnix
-
Posts
5 -
Joined
-
Last visited
Urnix's Achievements
-
Да, действительно дело в доктайпе было. Softlink, ты волшебник. Не знаю как тебя благодарить). Короче большое человеческое спасибо! Этот вариант работает именно так как мне надо. Я правильно понимаю что звёдочка - это хак расчитанный на IE6?
-
Поехало в IE9... (Если изменить width:281px; на width:275px; то не едет) Но дело даже не в этом. Я всё-таки недостаточно полно описал задачу. Есть ещё условие: серое поле должно быть не шире чем текст, а текст может быть коротким. (Вот именно поэтому я не могу жёстко задать ширину серого дива) С этой задачей с грехом пополам справлялся вот такой код: <html> <head> </head> <body> <div style=" border: 1px dotted black; width: 300px; overflow: hidden; display: inline; "> <div style=" background-color: red; height: 19px; width: 19px; float: left; " ></div> <div style=" background-color: silver; white-space: nowrap; display: inline; ">eins, zwei</div> </div> <br/> <br/> <div style=" border: 1px dotted black; width: 300px; overflow: hidden; display: inline; "> <div style=" background-color: red; height: 19px; width: 19px; float: left; " ></div> <div style=" background-color: silver; white-space: nowrap; display: inline; ">eins, zwei, drei, vier, funf, sechs, sieben, acht, neun</div> </div> </body> </html> Результат этого кода: Chrome (выглядит удовлетворительно) IE (выглядит неприемлимо) Извиняюсь, что не сразу это указал - упустил из внимания
-
Уже интереснее . Но, к сожалению, у меня в IE поехало Спасибо за старания, Softlink. Ложись спать Если вспомнишь ещё какую-нибудь фишку на выходных - напиши плиз.
-
Это конечно решение... формально. Спасибо за попытку)) Но вы ведь понимаете, что эта штука не единственная на странице, и потому применять абсолютное позиционирование - не выход .
-
Доброго времени суток. У меня вопрос к истинным знатокам CSS. Задача - есть вот такой html-код, который нельзя менять - можно только дописывать в него CSS: <div style=" border: 1px dotted black; width: 300px; "> <div style=" background-color: red; height: 19px; width: 19px; " ></div> <div style=" background-color: silver; ">eins, zwei, drei, vier, funf, sechs, sieben, acht, neun</div> </div> Необходимо получить вот такое: Вот моя попытка: <html> <head> </head> <body> <div style=" border: 1px dotted black; width: 300px; overflow: hidden; "> <div style=" background-color: red; height: 19px; width: 19px; float: left; " ></div> <div style=" background-color: silver; white-space: nowrap; ">eins, zwei, drei, vier, funf, sechs, sieben, acht, neun</div> </div> </body> </html> Это решение отлично работает в современных браузерах. Но к сожалению нужно чтобы работало в IE 6+ (и желательно не только в IE). А вот как раз в IE моё решение едет вот таким образом: Внимание вопрос - имеет ли задача решение в данной формулировке? Заранее спасибо.