Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: div слои. безтабличная вёрстка :(
 
 автор: divirtir   (20.06.2006 в 23:55)   письмо автору
 
 

немогу сделать нормально помогите плиз мне срочно! от этого зависит судьба человечества :)
в общем слевой стороны сайта текст и всё в слоях. в <div> хочу сделать слой справа. и по центру. делаю слой. тот что слева опускаеться на уровень ниже. вобщем как и таблицы тольоко ещё сложнее. у ьаблицы можно как у рисунка указать align left и можно с правой стороны не стесняясь ставить всё что захочеться. в слоях как я понял не так. что мне сделать чтоб получилось help meeeeee!

   
 
 автор: codexomega   (21.06.2006 в 01:42)   письмо автору
 
   для: divirtir   (20.06.2006 в 23:55)
 

Придётся использовать сложные стили.
По ссылке найдёте более чем надо.
http://css-discuss.incutio.com/?page=ThreeColumnLayouts

   
 
 автор: divirtir   (21.06.2006 в 01:59)   письмо автору
 
   для: codexomega   (21.06.2006 в 01:42)
 

спасибо большое! к сожелению англиским не влодею. нормальные статьи только на англиском! есть ли что на руском?
в крации! плиз! что надо применить бля div чтоб он мог быть слева? а другой оставался с права или на обарот на одном уровне? плиииз!

   
 
 автор: divirtir   (21.06.2006 в 03:39)   письмо автору
 
   для: divirtir   (21.06.2006 в 01:59)
 

вот понял наконец то! всё давольно просто!



<div align="right" style="position:relative; right:400px; left:220px; top:-821px; width:770px;">
  <p>sdfgsdfgdghjdghgfs sh sxghshsghsfgh sgfhgfhsghsgh sghshg jkh kjh kjh kh kh khkjhkjhkjh kjhkjhkh kjhkh kjhkjh</p>
  <p>dfg sdfg ghsgf s</p>
  <p>fgh sfgh fgh </p>
  <p>fghfgh fsghrthrthsrthsrthsrthsrth</p>
  <p>srthsrthsrth</p>
  <p>srthsrthsrthsrttttttttttttttttttttt ttt</p>
  <p>srthsrth</p>
  <p>srthsrth   </p>
</div>



right:400px; left:220px; top:-821px; width:770px
направляют по экрану. вопрос у меня вот какой! в том месте где ставиться сам div остаёться свободное место! пробелов ровно столько сколько собкржимого! дропустим! сайт написал div. направил его в верх страницы. в нём написал три параграфа. вгизу там гже должен быть div появляеться свободное место ровно под три параграфа! что это? как от этого избавиться? подскажите подалуйста!

   
 
 автор: Владимир22   (21.06.2006 в 03:51)   письмо автору
 
   для: divirtir   (21.06.2006 в 03:39)
 

Вот страница вся на дивах, посмотри, проанализируй и всё получится.
http://blog.html.it/layoutgala/

   
 
 автор: divirtir   (21.06.2006 в 04:35)   письмо автору
 
   для: Владимир22   (21.06.2006 в 03:51)
 

спасибо! :) уже всё сделал! сам допёр! методом научного тыка! просто удобнее использовать ABSOLUTE ! всё очень просто! очень легко и во всех браузерах окей! но всё равно спасибо! спасибо всем :)

   
 
 автор: divirtir   (21.06.2006 в 08:19)   письмо автору
 
   для: divirtir   (21.06.2006 в 04:35)
 

вот у меня теперь такой вопрос! опера что не принемает такую штуку как layer или по русски слои?? что тогда делать? при изменение окна рисунок в div налазиет на текст который тоже в div! я переместил слой layer текста на первое место так что в ie оказывает нормально! рисунок под текстом. но в opera не работает? что мне делать? :(

   
 
 автор: AlexSol   (21.06.2006 в 09:45)   письмо автору
 
   для: divirtir   (21.06.2006 в 08:19)
 

посмотрите http://webmascon.com/topics/coding/43a.asp. также для общего (высшего) div можно задать параметр- min-width:600px - если окно будет меньше, появиться прокрутка. а это аналог для ie:

<style type="text/css">
#sams{
    position: relative;
    width:100%;
    height: 236px;
    min-width: 600px;
    }
</style>

<!--[if IE 6]>
<style type="text/css">
#sams {
    width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 800? "800px": "auto");}
</style>
<![endif]-->

<!--[if IE 5]>
<style type="text/css">
#sams {
    width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 800? "800px": "auto");}
<![endif]-->
</style>


<div style="border:1px solid red">
<div id="sams">asasasas</div>
</div>

   
 
 автор: divirtir   (30.06.2006 в 02:06)   письмо автору
 
   для: AlexSol   (21.06.2006 в 09:45)
 

спасибо большое :) только щас разобрался :)))

   
 
 автор: divirtir   (04.07.2006 в 00:31)   письмо автору
 
   для: divirtir   (30.06.2006 в 02:06)
 

relative на самом деле лучше использовать! как я понял absolute лучше только для статичных а вот relative для динамических тоесть там где пополнения бывают. новости например.
а Fixed вообще можно забыть так как не работает в Ie.

   
 
 автор: divirtir   (15.07.2006 в 18:52)   письмо автору
 
   для: divirtir   (04.07.2006 в 00:31)
 

у меня такой вопрос вот по поводу relative возник! там надо указывать расположение сверху и по бокам! а можно ли указать сбоку не размер а просто центр?

   
 
 автор: AlexSol   (17.07.2006 в 09:21)   письмо автору
 
   для: divirtir   (15.07.2006 в 18:52)
 

кажется 50% можно

   
 
 автор: divirtir   (17.07.2006 в 18:37)   письмо автору
 
   для: AlexSol   (17.07.2006 в 09:21)
 

ну так не получаеться! допустим у меня есть обьект шириной 100рх мне надо его центровать. тогда пишем left:50% или right! но! отмеряеться же не от уентра обьекта! а от края помоему. получаеться надо тогда приблезительно 40% писать слева. но при уменьшение окна обект сносит от центра немного так и так.

   
 
 автор: AlexSol   (18.07.2006 в 09:25)   письмо автору
 
   для: divirtir   (17.07.2006 в 18:37)
 

ну вобщем смотреть надо...
можно наверно в объекте указать text-align:center

я для центровки основного контейнера (верхнего div) пишу: margin:0 auto;

   
 
 автор: divirtir   (19.07.2006 в 10:13)   письмо автору
 
   для: AlexSol   (18.07.2006 в 09:25)
 

text-align:center как раз то что мне нужно было :) спасибо!

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования