Dwa divy w artylule

[Hansolo]

Witam,

mam takie pytanko, dwie kolumny w art. (2 div)

<div class="block pink float"></div>
<div class="block blue float"></div>

i css

.block {
  width: 50%;
  height: 50%;;
}
.float { float: left; }
.pink { background: #ee3e64; }
.blue { background: #44accf; }

jak zrobic ze przy wąskim oknie drugi div pójdzie pod pierwszego ?

[siristru]

1. Albo korzystasz z media query break points: https://responsivedesign.is/develop/...e-breakpoints/

2. Albo korzystasz z Bootstrapa (tego domyślnego w Joomli czyli 2.3.2):

<div class="row-fluid">
<div class="span6"></div>
<div class="span6"></div>
</div>

http://getbootstrap.com/2.3.2/scaffo...tml#gridSystem

Albo zaimplementujesz Bootstrap 4.

http://getbootstrap.com/docs/4.1/get.../introduction/

[Hansolo]

(mam Bootstrapa w templatce)
ale chodzi o prosta tabelkę w 1 artykule Joomli, dwie kolumny-dwa divy, ktore normalnie sa jako dwie komuny równolegle (lewa i prawa) a przy zwężeniu okna, jeden div idzie pod drugi i tyle,
a mam po zwężeniu okna dwa kolumny rownolegle i cienkie (a tak nie chce)
tabelka:

<div style="width: 50%; height: auto; margin: 10px auto; float: left; padding-right: 8px;">
<p>aaaaaaa aaaaaaaaaa aaaaa</p></div>
<div style="width: 50%; height: auto; margin: 10px auto; float: right; padding-left: 8px;">
<p>bbbbbbb bbbbbbbbbb bbbbb</p></div>

jak wpisze zamiast width: 50% np. 400px div prawy idzie pod lewego i o to mi chodzi, ale sa uciete,
chodzi o prosta tabelkę na divach 1 artykule,

[Bazyl]

<div class="row-fluid">
<div class="span6">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div class="span6">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaa</div>
</div>

[siristru]

2. Albo korzystasz z Bootstrapa (tego domyślnego w Joomli czyli 2.3.2):

<div class="row-fluid">
<div class="span6"></div>
<div class="span6"></div>
</div>

To jest twoje rozwiązanie, to jest prosta tabelka.
Rozwiązuje sprawę prosto i elegancko - nic nie trzeba więcej pisać. Żadnego css inline.

[Hansolo]

ale to nic nie daje,
chodzi mi o to:

- normalny wygląd:
Załącznik 9485

- i po zwężeniu okna przeglądarki:
Załącznik 9486

[Bazyl]

Link do strony!!!

[siristru]

Jaka nic nie daje znaczy, że na stronie nie używasz Bootstrapa... albo używasz innej wersji niż 2.3.2.
Tak jak pisze Bazyl, bez linka do strony to możemy sobie...

[Hansolo]

Bootstrap 3, prosze jest link

[Bazyl]

Możesz tam pokzaać tan kod:

<div class="row-fluid">
<div class="span6"></div>
<div class="span6"></div>
</div>

Bo go nie ma