Как сделать, чтобы дивы не ломались? - HTML и CSS

Бублик-Рублик · 15.08.2014, 18:02

Как сделать, чтобы дивы не ломались при ресайзе браузера?
Правый див соскакивает вниз под левый.
Ширина фиксирована в px у обоих дивов.
Контейнер (wrapper) обоих дивов нельзя фиксировать.

mirkul · 15.08.2014, 19:35

Добавь их в ячейки таблицы

Smitt&Wesson · 15.08.2014, 19:53

Цитата:

Сообщение от mirkul

Добавь их в ячейки таблицы

Вот и не хотел втряват.
Тэг DIV, для того и создан, что-бы игноритовать глобальнын настройки разметок. Не абсолютен, но работает от откытия тэга. Либо, до его закрытия. Либо, до конца странцы

Stilet · 15.08.2014, 20:00

Цитата:

Правый див соскакивает вниз под левый.

А должен как? Менять ширину?

Цитата:

Вот и не хотел втряват.

Ну вообще-то ты прав, друже. Таблицами верстать не рекомендуют.

Smitt&Wesson · 15.08.2014, 20:07

Цитата:

Сообщение от Stilet

Ну вообще-то ты прав, друже. Таблицами верстать не рекомендуют.

Мера, всегда присутствует. Если делать бездумно, такого можно нахерячить...

Бублик-Рублик · 17.08.2014, 16:08

Блин, вот ещё напасть какая.
Должно быть так как на первом рисунке,
а получается так как на втором.
Как сделать, чтобы зелёный див был полностью внутри красного?
Код такой (обязателен float: left во втором диве):

Код:

<div style="background: red; padding: 9px; width: 900px; margin: 0 auto;">

<div style="background: green; float: left;">
aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa

</div>

</div>

Вадим Мошев · 17.08.2014, 16:41

Цитата:

Сообщение от Бублик-Рублик

Блин, вот ещё напасть какая.
Должно быть так как на первом рисунке,
а получается так как на втором.
Как сделать, чтобы зелёный див был полностью внутри красного?
Код такой (обязателен float: left во втором диве):

Код:

<div style="background: red; padding: 9px; width: 900px; margin: 0 auto;">

<div style="background: green; float: left;">
aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa

</div>

</div>

Может, здесь лучше у дива сделать границу? И не надо фонового дива будет

Бублик-Рублик · 17.08.2014, 19:46

нужно так как описано

фон я сделал для ясности читающей публики.
подскажите по существу кто знает пожалуйста.

Вадим Мошев, мне как раз и нужен border у дива.
Но у внешнего!

Именно поэтому я и спрашиваю.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
как сделать так,чтобы он левой рукой до стены коснулся? и если можно чтобы двери лифта закрылись	maxon56	Паскаль, Turbo Pascal, PascalABC.NET	0	07.06.2011 18:46
Как сделать чтобы одна ячейка таблицы содержала такой же текст как другая?	3мей	Microsoft Office Word	2	15.01.2011 22:55
Как сделать так чтобы ...	Ромка-12	Помощь студентам	2	16.09.2010 05:52
Как сделать так чтобы..	Дима я	Общие вопросы Delphi	2	05.01.2010 19:03
как сделать чтобы переменная увеличивалась	Stiff Master	Общие вопросы C/C++	4	30.09.2009 22:23

15.08.2014, 19:35	#2
mirkul Пользователь Регистрация: 16.07.2014 Сообщений: 62	Добавь их в ячейки таблицы

17.08.2014, 19:46	#8
Бублик-Рублик Пользователь Регистрация: 03.06.2014 Сообщений: 26	нужно так как описано фон я сделал для ясности читающей публики. подскажите по существу кто знает пожалуйста. Вадим Мошев, мне как раз и нужен border у дива. Но у внешнего! Именно поэтому я и спрашиваю.