X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> один div залез на другой , не могу опустить
Tati_2000
Tati_2000
Topic Starter сообщение 17.6.2010, 10:27; Ответить: Tati_2000
Сообщение #1


Не пойму где напортачила , взял и залез нижний див , на iframe и на футер , могу pading - 20px у iframe прописать , тогда опускается, но мне непонятно почему он вдруг залез , что не так прописала.

буду очень признательна , если кто подскажет :rolleyes:

html:

<div id="mainContent">
<div class="rounded rc5" style="border:1px solid #000;margin:-2px;">
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a>
<a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>Contact</span></a>
<a class="dock-item" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
<a class="dock-item" href="#"><img src="images/music.png" alt="music" /><span>Music</span></a>
<a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>Video</span></a>
<a class="dock-item" href="#"><img src="images/history.png" alt="history" /><span>History</span></a>
<a class="dock-item" href="#"><img src="images/calendar.png" alt="calendar" /><span>Calendar</span></a>
<a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a>
</div>
</div>
<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
}
);
</script>
</div>


<div> <h1> Мотозапчасти</h1>
<div> <iframe src="iframe.html" class="iframe" allowtransparency="true" frameborder="0" align="left" scrolling="no"> </iframe>
<a href="avto2.html">Автозапчасти</a>


<img src="img/moto-model.gif" class="img" usemap="karta1" width="475" height="322" alt="" longdesc="img/moto-model.gif" />
<map name="karta1">
<area href="#" target="_blank" title="Двигатель" shape="circle" coords="148,133,25"/>
<area href="#" target="_blank" title="Тормозная система" shape="circle" coords="248,182,25"/>
<area href="#" target="_blank" title="Электрооборудование" shape="circle" coords="117,58,25"/>
<area href="#" target="_blank" title="Тюнинг и аксессуары" shape="circle" coords="370,127,25"/>
<area href="#" target="_blank" title="Ходовая часть" shape="circle" coords="65,239,25"/>
</map>
<h1> </h1>
<div class="mes">
<div class="rounded2 rc5" id="p" style="border:1px solid #000;margin:-2px;"> Вот этот див , почему то стал залазить , на iframe и на footer , никак не могу сделать чтобы входил в див main content </div> </div></div></div>
<!-- end #mainContent --></div>


<div id="footer">
<p><h5>© <br />
[EMAIL=".....................@yandex.ru</h5></p"].....................@yandex.ru</h5></p[/EMAIL]>
<!-- end #footer --></div>
<!-- end #container --></div>


css:

@charset "utf-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: url(img/fon.gif) bottom repeat-x fixed #000000;
margin: 0; text-align: center;
}
.oneColElsCtrHdr #container {
width: 800px;

margin: 0 auto; border: 1px solid #FFF;
text-align: left;}

.oneColElsCtrHdr #header {
background: url(img/zagolovok.gif) no-repeat;

padding: 0 10px 0 20px; height:259px;
}
.oneColElsCtrHdr #header h1 {
margin: 0; padding: 10px 0;}

.oneColElsCtrHdr #mainContent {
padding: 10px 20px; background: rgba(255, 255, 255, 0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ffffff,endCol
orstr=#40ffffff);
}
.oneColElsCtrHdr #container #mainContent a {
float:right;
text-align: right;
color:#0d3a09;
font-weight: bold;

}
.oneColElsCtrHdr #container #mainContent p {
color: #052201;
font-weight: bold;
font-size: 9px;
}

.oneColElsCtrHdr #footer {

padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background: rgba(255, 255, 255, 0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ffffff,endCol
orstr=#40ffffff);
}
.oneColElsCtrHdr #footer p {
margin: 0; padding: 10px 0; }


/*углы*/
.rounded {
padding:1px;
background:#212628;
white-space:nowrap;
zoom:1;

}

* html div.rounded {
height:20px;
}

span.rounded {
padding:3px 10px;
margin:-3px 0;
}
.rounded2 {
padding:1px;
background:#212628;
white-space:nowrap;
zoom:1;

}

* html div.rounded {
height:20px;
}

span.rounded {
padding:3px 10px;
margin:-3px 0;
}

#p {
color: #052201;
font-weight: bold;
font-size: 12px;
float:inherit;
}

/*углы*/

.iframe {
width:160px;
height:350px;

}
.mes {
float:left}

.oneColElsCtrHdr #container #mainContent #p {
color:#dbf8d8;
font-size:16px;
padding:5px 10px;
}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 17.6.2010, 10:41; Ответить: ottaviano
Сообщение #2


попробуй убрать маргин:-2пх у того обьекта который вылазит...если не поможет, то кин скриншот как должно быть, а то скопировав код и посмотрев, получается биребильда, нужно на четкую структуру посмотреть
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
Topic Starter сообщение 17.6.2010, 10:59; Ответить: Tati_2000
Сообщение #3


Этот падинг (-2px) для углов , он роли не играет , проверяла
[IMG]http://www.img4.4picture.ru/thumbnails/new/2ee9979fb1adac89cdb5e1dd94d39e7b.gif[/IMG]в дриме



в браузере
[IMG]http://www.img5.4picture.ru/pictures/31b28db7ac3dcccd3ab0a61e34e15a1c.gif[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
Topic Starter сообщение 17.6.2010, 11:04; Ответить: Tati_2000
Сообщение #4


на крайняк конечно , сделаю от iframe margin -20 , но не нравиться мне это , непонятно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 17.6.2010, 19:26; Ответить: ottaviano
Сообщение #5


Tati_2000, а можешь дать ссылку на сайт?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
Topic Starter сообщение 17.6.2010, 22:10; Ответить: Tati_2000
Сообщение #6


да он пока на компе , локально , я работаю над ним.

Вроде подправила , класс у img изменила , отступ добавила но мне всеравно не ппонятно , почему высота iframe проигнорирована , а отступ от img , поставил div на место
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 17.6.2010, 22:19; Ответить: Arks
Сообщение #7


Возможно имеет смысл все проверить с помощью firebug или dragonfly, а если проблема не в css то может из-за DOCTYP'а? например есть такой: FRAMESET
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 17.6.2010, 22:24; Ответить: ottaviano
Сообщение #8


(Tati_2000 @ 18.6.2010, 01:10) *
да он пока на компе , локально , я работаю над ним.

Вроде подправила , класс у img изменила , отступ добавила но мне всеравно не ппонятно , почему высота iframe проигнорирована , а отступ от img , поставил div на место

не понятно и мне, я в принципе убирал маргин:-2; и все вставало на свои места, но ты говоришь тебе он нужен для округления углов. был в коде такой код:
<h1></h1>
совсем не нужная вещь;
и на мой взгляд что то уж дивов многовато, есть такие сцепки:
<div>
<div><div>

зачем ини, чем все проще устроенно, тем легче все сделать без ошибок ))
(Arks @ 18.6.2010, 01:19) *
Возможно имеет смысл все проверить с помощью firebug

проверял как раз им, результаты в верхних постах :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
Topic Starter сообщение 18.6.2010, 19:26; Ответить: Tati_2000
Сообщение #9


-2 px убираю , то углы незакругленные тогда становятся , а div-ы проверила , да нет , они мне там нужны , стоит одну обертку убрать , подвал съезжает или ещё что уползает , вроде погоняла , пока так оставлю , заголовок , да лишний заболтался.:) Убрала.

а доктайп как проверяете? я в дриме верстаю , там он автоматом встает , я уж вроде и неподправляю, только мета тэги
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 18.6.2010, 20:22; Ответить: locky-yotu
Сообщение #10


Во-первых, верстать в Dreamviewer'е - моветон)) Во-вторых, выложите уже сайт хотя бы на народ, и вам сразу выскажут конструктивную критику, да и с ошибками помогут разобраться.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Ролик. Изготовление видеороликов за один день.
Делаю быстро в любом формате видеоролик по шаблонам
4 Jast1 2642 4.3.2022, 1:12
автор: Jast1
Горячая тема (нет новых ответов) 24xbtc Обмен (Ввод - Вывод) Bitcoin и другой Электронной Валюты.
63 mark78 36902 18.7.2020, 2:14
автор: mark78
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыAdobe muse: Не могу разместить нужный мне код сразу после Body
0 Evg82 3829 20.6.2020, 10:24
автор: Evg82
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыГлавные тренды на рынке контентных сайтов за один день!
Узнайте все о грядущих изменениях рынка сайтов на АРЕНЕ 2020.
0 Pechenko 1075 11.2.2020, 12:56
автор: Pechenko


 



RSS Текстовая версия Сейчас: 29.3.2024, 10:26
Дизайн