Jump to content
  • 0

Верска дивами (основа)


Ururu
 Share

Question

Объясните пожалуйста популярно, как использовать дивы...

А именно интересует позиционирование.

Тоесть в чем разница вложенности дивов? Вот 2 примера...

<div id="1">
<div id="a1">
<div id="a2">
<div id="a3">
</div>
</div>
</div>
</div>

<div id="a1">a1</div>
<div id="a1">a2</div>
<div id="a1">a3</div>

Какая между примерами разница? Как правильно и для чего?

И главное относительно чего позиционируются дивы? (относительно окна браузера, несмотря на уровни вложенности или относительно родительского окна, тоесть div относительно другого div-а в которое вложен?)

И может есть у кого на примете справочничек (на русском), о div-ах (классы, флаты и т.д., информация на хтмлбуке не полная).

Спасибо.

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Объясните пожалуйста популярно, как использовать дивы...

И может есть у кого на примете справочничек (на русском), о div-ах (классы, флаты и т.д., информация на хтмлбуке не полная).

вот нарисовал (рисую плохо :) )

нагляднейший пример вложенных дивов:

2.gif

и НЕВЛОЖЕННЫХ

1.gif

про справочничек на русском: справочник Влада по CSS мне его хватает по указанным вопросам на 99%.

оставшийся процент обсуждается и решается здесь.

+ google

с уважением :)

Edited by Быколай
Link to comment
Share on other sites

  • 0
Спасибо. Про вложеность и не вложеность я понимаю =) Вот в каком случае какой слой относительно какого позиционируется? И как влияет на это абсолют и релеват?

Странно что вопрос не в "для начинающих". Там бы хотя бы в гугл не пошлют. Читайте про позиционирование тут на сайте, можете поиском воспользоваца.

Link to comment
Share on other sites

  • 0
Спасибо. Про вложеность и не вложеность я понимаю =) Вот в каком случае какой слой относительно какого позиционируется? И как влияет на это абсолют и релеват?

Самый верный способ, имхо, экспериментировать: пробуйте так и эдак, разные свойства применяйте - "абсолют, релеват, фиксид", на наглядном примере, где дивы с бгколером разным, объёмом текста, и сами увидите в действие разные варианты, всё ясно станет. а так на пальцах... слишком общий вопрос по-моему..

Link to comment
Share on other sites

  • 0

Ururu, вы, наверное, особенный?

Вы видели хоть у одного человека на этом форуме в подписи картинки?

Если вы не умеете отличаться от других чем-то, кроме попугайского обвешивания картинками, то я могу дать вам пару дельных советов.

Link to comment
Share on other sites

  • 0
И может есть у кого на примете справочничек (на русском), о div-ах (классы, флаты и т.д., информация на хтмлбуке не полная).

там всё доступно, понимается с первого раза, если "вообще понимается"..

Edited by Nekromancer
Link to comment
Share on other sites

  • 0
И может есть у кого на примете справочничек (на русском), о div-ах (классы, флаты и т.д., информация на хтмлбуке не полная).

Спецификация CSS на русском, погуглите. Кроме того что там, о диве для верстки можно больше ничего не знать, кроме того что пишется он как парный тег <div> ... </div> и что по дефольту у него только одно характеризующее CSS свойство - display:block

Edited by Justnewone
Link to comment
Share on other sites

  • 0
Ururu, вы, наверное, особенный?

Вы видели хоть у одного человека на этом форуме в подписи картинки?

Если вы не умеете отличаться от других чем-то, кроме попугайского обвешивания картинками, то я могу дать вам пару дельных советов.

Вы видели в правилах на форуме запрет на картинки в подписи? =))))) Ненравится, уберу, но помоему прошло то время, когда в топах писали "осторожно трафик".

Да, я ничем не отличаюсь от серого стада однотипных человеков.... В подписях картинки (бывает), жру доширак и шаурму (гурман), в метро читаю мураками (иногда рекламу), смотрю дом 2 и верю новостям (без телевизора никуда), слушаю реп (так пацаны риальные делают).

Если будет желание, научите пожалуйста безликого, как жить и что делать.

там всё доступно, понимается с первого раза, если "вообще понимается"..

Там все что есть доступно. Но много чего нет или информация не полная. Гугль не особо помог, по запросам выдает пару сотен скраниц с одним и тем же, в основном копирайты.

П.С. Но всеравно спасибо. Прочел на буржуйских сайтах. Сталкивался со многими проблемами при верстке и сделал вывод ... doctype system мне в помощь.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy