верстальщики в дивах, подскажите

95

Ткач

15 мая 2007, 18:45

863

я начал изучать верстку без таблиц, в таблицах верстаю хорошо , обычно верстаю смешано.

в дивах сверстал два сайта сейчас всего.

Впринципе за неделю буквально разобрался уже, но тут верстал сайт и столкнулся с проблеммкой, никак не могу найти ответ, знаю что пустяк какой то но в каком месте неправильно делаю не допедрить, пробовал по разному, сейчас вот тоже мучаюсь.

вобщем шапка состоит из трех колонок.

сначала я поставил бэкграунд на всю длину браузера, слева поставил блок (рисунок с белым левым краем) , справа такой же (с правым белым краем), но вот у меня справа вылезает из за белого края подложка бэкграунда общего шириной в 1 пиксель. , скажу сразу, что справа я смог поставить блок только позиционированием, float никак не применить.

Поймите правильно, я в дивах новичок.

Ещё раз как я делал.

//css

body {

font-family: Tahoma; font-size:12px; padding: 0px; margin: 0px; background-image:url(../images/fonhead.jpg); background-repeat:repeat-x; background-position:left top; min-height: 100%; height: 100%;

}

.headleft {

background-image:url(../images/head1left.jpg); background-repeat:no-repeat; background-position: top left; width: 420px; height: 180px;

}

.headright {

background-image:url(../images/head1right.jpg); background-position: top right; position:absolute; top: 0px; right: 0px; width: 243px; height: 180px; background-repeat:no-repeat;

}

html//

<body>

<div>

</div>

</div>

</body>

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)

DG

53

DimoninG

15 мая 2007, 20:18

#1

Если скажешь, где рисунки лежат, могу поковыряться.

Еще попробуй в <body> пихнуть style="margin: 0px;".

мой блог - заработок в сети (http://izombie.ru)

95

Ткач

16 мая 2007, 05:17

#2

margin:0px; стоит у меня в боди, присмотрись в коде , котором я написал, а в каком плане где картинки лежат?

на самом деле мне кажется вот что, хотя может быть это кажется только конечно.

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

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

если можно то подскажите.

три колонки слева рисунок, фон тянущийся, правый рисунок.

вверху я тянучку закладывал в боди от левого края до правого, а поверх слева и справа рисунки. но получается что глюк в ие

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

356

neznaika

16 мая 2007, 05:34

#3

Ткач, Зачем вы себе геморой устраиваете? Таблицей!

У меня дивами так, но может просто я не вник?

body {

margin: 0;

padding: 0;

font:

line-height:

text-align:

background: #******* url(../img/bg/body.jpg) repeat-x top left;

Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.

62

Николай В.

16 мая 2007, 05:46

#4

Вроде попробовал — зазоров нет. Но, как вариант, можете воспользоваться хаком для IE:

*html .headright { right: -1px; }

69

Kolyaj

16 мая 2007, 05:57

#5

Непонятно, почему у вас с float не получилось. Вот этот код вполне должен работать


  <style type="text/css">
    .head {
      background: url('headbackground.gif');
      height: 100px;
    }
    .head .left {
      background: url('headleft.gif');
      float: left;
      width: 50px;
      height: 100px;
    }
    .head .right {
      background: url('headright.gif');
      float: right;
      width: 50px;
      height: 100px;
    }
  </style>

  <div class="head">
    <div class="left"></div>
    <div class="left"></div>
  </div>

На одном из сайтов у меня именно так сделано.

[Удален]

16 мая 2007, 06:11

#6

Ткач, при сложной структуре страницы 100% резина невозможна ни в дивах ни в таблицах только средствами css. в Вашем случае скорей всего подойдёт следующий вариант:

</div>

</div>

</div>

css

body {.......}

#all_blok {width:100%;height: px;........}

#left_blok {float:left;........}

#center_blok {float:left;........}

#right_blok {float: right;//.....}

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

480

inetessentials

16 мая 2007, 06:20

#7

жжоте.. к чему такой способ записи?

а вообще практически у всех параметров есть отрицательные значения.. пользуйтесь..

если отображать только для ие * html - описано выше

Продвигаем естественно (http://www.inetessentials.ru/) и непринужденно Проект All in Top (http://www.allintop.ru/) - обучение поисковой оптимизации без воды и на реальных примерах

95

Ткач

16 мая 2007, 06:20

#8

спасибо, но я так понимаю это аналогично тому о чем писал Kolyaj, Николай В. спасибо за хак.

neznaika немного не то.

95

Ткач

16 мая 2007, 06:22

#9

inetessentials, а какой способ записи в моем случае был бы предпочтительнее?

127

a.fatman

16 мая 2007, 07:06

#10

burunduk:
Ткач, при сложной структуре страницы 100% резина невозможна ни в дивах ни в таблицах только средствами css

Вы бы запятые расставили, чтобы понять, что имеется в виду.

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта