Проблема с float

A1
На сайте с 13.02.2009
Offline
15
736

Здраствуйте всем.

Проблема такова.

я хочу чтобы менюшка располагалась прям под шапкой

[ATTACH]31808[/ATTACH]

проблема в том что менюшка в ИЕ6 прыгает вниз шапки и не растягивается по процентам прописаным.

[ATTACH]31810[/ATTACH]

елсли делать всё это дело с овер флоу то шапка становится на место только пол рисунка обрезается и низ рисунка тоже подрезается.

[ATTACH]31809[/ATTACH]

подскожите пожалуйста что я делаю не так .

как прописать чтобы всё встала на свои места?!

заранее благодарен.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css">

<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('img/images/images/logo&amp;menu21_08.jpg','img/images/images/logo&amp;menu21_04.jpg','img/images/images/logo&amp;menu21_05.jpg','img/images/images/logo&amp;menu21_06.jpg','img/images/images/logo&amp;menu21_07.jpg')">

<div id="logo_menu">

<div id="logo_zvetok"><img class="logo_menu_imgrule"src="img/images/logo&menu1.jpg"></div>
<div id="logo_main"><img class="logo_menu_imgrule" src="img/images/logo&menu2.jpg"></div>


<div id="menu">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr >
<td id="menu_krasota"><img class="logo_menu_imgrule" src="img/images/images/logo&menu21_01.jpg"></td>
<td>&nbsp;</td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr >
<td id="menu_zveti"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('zveti','','img/images/images/logo&menu21_08.jpg',1)"><img class="logo_menu_imgrule" src="img/images/images/logo&menu2_08.jpg" name="zveti" width="82" height="60" border="0"></a></td>
<td id="menu_otkritki"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('orkritki','','img/images/images/logo&menu21_04.jpg',1)"><img class="logo_menu_imgrule" src="img/images/images/logo&menu2_04.jpg" name="orkritki" width="103" height="60" border="0"></a></td>
<td id="menu_upakovki"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('upakovki','','img/images/images/logo&menu21_05.jpg',1)"><img class="logo_menu_imgrule" src="img/images/images/logo&menu2_05.jpg" name="upakovki" width="207" height="60" border="0"></a></td>
<td id="menu_muzika"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('muzika','','img/images/images/logo&menu21_06.jpg',1)"><img class="logo_menu_imgrule" src="img/images/images/logo&menu2_06.jpg" name="muzika" width="245" height="60" border="0"></a></td>
<td id="menu_miagkie"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('miagkie','','img/images/images/logo&menu21_07.jpg',1)"><img class="logo_menu_imgrule" src="img/images/images/logo&menu2_07.jpg" name="miagkie" width="174" height="60" border="0"></a></td>
</tr>
</table>



</div>



</div>

</body>
</html>

body {

background-color: #000000;
}
#logo_menu {
position: absolute;
width: 98%;
top: 0px;
height: 250px;
text-align: center;
left: 1%;
}
#menu_zveti {
float: left;
height: 60px;
width: 10%;
position: relative;
}

#menu {
height: 80px;
width: 65%;
margin-top: 10px;
margin-left: 0px;
position: relative;
float: right;
}
#menu_krasota {
position: relative;
height: 27px;
width: 60%;
left: 0px;
}



#logo_zvetok {
float: left;
width: 35%;
margin-top: 10px;
margin-left: 0px;
position: relative;
height: 350px;
}
#logo_main {
float: left;
width: 65%;
margin-top: 10px;
margin-left: 0px;
position: relative;
height: 252px;
}
.logo_menu_imgrule {
width: 100%;
height: 100%;
position: relative;
float: left;
}
.menu_header {
float: left;
height: 60px;
width: 20%;
margin-top: 0px;
position: relative;
z-index: 100;
}
#menu_otkritki {
float: left;
height: 60px;
width: 13%;
position: relative;
}
#menu_upakovki {
float: left;
height: 60px;
width: 25%;
position: relative;
}
#menu_muzika {
float: left;
height: 60px;
width: 30%;
position: relative;
}
#menu_miagkie {
float: left;
height: 60px;
width: 22%;
position: relative;
}

jpg pravilni-variant.jpg
jpg overflow-IE6.jpg
jpg bez-overflow.jpg
DA
На сайте с 04.02.2005
Offline
165
#1

а зачем так извращаться?

 <div id="menu">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr >
<td id="menu_krasota"><img class="logo_menu_imgrule" src="img/images/images/logo&menu21_01.jpg"></td>
<td>&nbsp;</td>
</tr>
</table>

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

Возможно у Вас длинна таблицы слишком большая....

или как вариант подумайте в сторону position: absolute;

тыщ-пыщ
MA©TEP
На сайте с 19.03.2006
Offline
138
#2

залей все это на хостинг и дай ссылку.

а так, не имея ни одной картинки, никто тебе не поможет.

https://kinocontent.club - уникальные описания фильмов и сериалов по 29р. за 1000 символов
DA
На сайте с 04.02.2005
Offline
165
#3

и вот еще:

body {

background-color: #000000;

}

попробуйте тут добавить margin: 0; padding: 0;

DJ_AlieN добавил 30.03.2009 в 01:56

bтак все видно, в IE справа отступ...картинки тут непричем

x-mobi.ru
На сайте с 30.12.2007
Offline
88
#4

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

О_о
ХЗ
На сайте с 31.08.2008
Offline
155
#5
MA©TEP:
а так, не имея ни одной картинки, никто тебе не поможет.

здесь http://forum.htmlbook.ru/ видя код ТС могут помочь.

A1
На сайте с 13.02.2009
Offline
15
#6

Здраствуйте.

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

Впринципе она была и до этого.

Когда уменьшаеш окно или меняеш резолюцию поменьше менюшка прыгает опять вниз.

Тоесть она не маштабируется как это должно былобы быть.

Ведь я всё прописывал в процентах.

Может ктонибдь знает что можно сдесь сделать?!

Topcrust
На сайте с 23.06.2006
Offline
67
#7

IE6 не умеет масштабировать px'ы (это если Вы про масштабирование шрифта).

http://cssing.org.ua/2006/10/16/font-size-em/

Бывает, что блок может прыгать (для ИЕ не редкость), но ширина его изменяется как надо. Спасает, например, для Вашего случая правый отрицательный margin.

Трудно что-либо советовать. Если бы Вы выложили реальный пример, помочь Вам было бы гораздо проще...

Ткач
На сайте с 29.04.2007
Offline
95
#8

изучите для начала html+css, потом беритесь верстать. На данный момент на уровне школьника, даже код смотреть не хочется, разбираться в дебрях

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

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий