Форум PHP программистов > Проблема с блоком DIV

[ Поиск ] - [ Пользователи ] - [ Календарь ]

sharki

21.05.2010 - 10:49

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


<body>
<div id="zakr"></div>
<div id="main">
<div  id="tWelcom"><p >Добро пожаловать</p></div>
<div id="content"> 
и т.д....


body {background-image: url(lib/fon/main.jpg)}

// text Welcom
div#tWelcom p{
  margin-left:300px;
  padding-top:10px;
  height:40px;
  text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:bold;
  font-style:italic;
  height: 40px;
  width:260px;
  background-image:url(lib/img/welcom.png);
  background-repeat:no-repeat;
  background-position:center
  }

div#main {
width: 800px;
background-image: url(lib/fon/ffff.png);
background-repeat:repeat-y;
margin: 0px auto 0px auto;
margin-bottom: 0px;
}

// top image
div#zakr {
background-image:url(lib/fon/zakr.png);
background-position:top;
background-repeat:no-repeat;
width:800px;
height:50px;
margin: 0px auto 0px auto;
padding-bottom:0px;
padding-top:0px;
}

Спустя 7 минут, 15 секунд (21.05.2010 - 09:56) трамонтана написал(а):

наверно надо

div#tWelcom p{margin:0 0 0 300px}

Спустя 2 минуты, 38 секунд (21.05.2010 - 09:59) sharki написал(а):

спасибо, но нет, все сбивается, и уходит в лев. край верхняя часть так и висит в воздухе)

Спустя 6 минут, 28 секунд (21.05.2010 - 10:05) трамонтана написал(а):

Цитата (sharki @ 21.05.2010 - 06:59)

спасибо, но нет, все сбивается, и уходит в лев. край верхняя часть так и висит в воздухе)

не может этого быть) ща буду копировать и у себя проверять..)

Спустя 1 минута, 55 секунд (21.05.2010 - 10:07) sharki написал(а):

ну сбивается всмысле сам блок с текстом "добро пожаловать" все остальное на месте как было)

Спустя 6 минут, 23 секунды (21.05.2010 - 10:13) трамонтана написал(а):

покажи картинку "как сибвается" , потому что у меня всё нормально...
это расстояние из за маргина у p - это асболютно точно...
кароче пакажи скрин де там сбивается

Спустя 6 минут, 5 секунд (21.05.2010 - 10:20) sharki написал(а):

вот смотри, с твоими настройками, кстати нижний блок и картинка норм встала(внизу закругление)


div#zakr-n {
background-image: url(lib/fon/zakr-n.png);
background-position: bottom;
background-repeat:no-repeat;
width:800px;
height:47px;
margin: 0px auto 0px auto;
padding-bottom:0px;
padding-top:0px;
}

Твой код only


div#tWelcom p{
  margin:0 0 0 300px
  padding-top:10px;
  height:40px;
  text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:bold;
  font-style:italic;
  height: 40px;
  width:260px;
  background-image:url(lib/img/welcom.png);
  background-repeat:no-repeat;
  background-position:center
  }

картинка-

Спустя 2 минуты, 40 секунд (21.05.2010 - 10:22) sharki написал(а):

вот я дурак XDDD я забыл поставить точку с запятой, спасибо большое))

Спустя 55 секунд (21.05.2010 - 10:23) трамонтана написал(а):

div#tWelcom p{
margin:0 0 0 300px;
padding-top:10px;

Спустя 41 секунда (21.05.2010 - 10:24) трамонтана написал(а):

Цитата (sharki @ 21.05.2010 - 07:22)

вот я дурак XDDD я забыл поставить точку с запятой, спасибо большое))

бувает)

Спустя 13 минут, 6 секунд (21.05.2010 - 10:37) DedMorozzz написал(а):

Какой ужас эта вёрстка. Для мну сие - тёмный лес. Проще написать поисковую машину гугл2, чем заниматься вёрсткой )
Вот поэтому хорошо, что появился верстальщик)

Быстрый ответ:

Здесь расположена полная версия этой страницы.