Jump to content
  • 0

Странные проблемы при верстке для ie 6.0

trinat

Asked by trinat,

 Share

Question

trinat Explorer

trinat

Posted
Posted

Всеми нами любимый Ишачок - совсем сошел с ума, начал вырывать куски текста.

Смотрим скриншот:

ba223cb891d3.jpg

Когда наводиш курсор на первый пункт меню - как видим злощастное полу-слово "ма заказа" испаряеться.

! Но при наведении курсора на другие пункты меню - ничего не происходит:

8dcfb1ccb723.jpg

При выделении полу-слова "ма заказа" автоматически выделяеться нормальное "Форма заказа":

b1a75a17ffd2.jpg

Ну а вот и сам код этой менюшки:

		
	<div id="menuBar">
		<div class="menuBarLeft"></div>
		<div class="menuBarCenter">
			<a class="MBLink" href="index.html" title="Главная страница сайта iPhone-uz.com">На Главную</a>
			<img class="fLeft" src="design/img/menubar/end.jpg" alt="" border="0" />
			<a class="MBLink" href="services.html" title="Услуги предоставляемые сайтом iPhone-uz.com">Услуги</a>
			<img class="fLeft" src="design/img/menubar/end.jpg" alt="" border="0" />
			<a class="MBLink" href="repair.html" title="Ремонт и восстановление iPhone">Ремонт</a>
			<img class="fLeft" src="design/img/menubar/end.jpg" alt="" border="0" />
			<a class="MBLink" href="appstore.html" title="Каталог продукции AppStrore">Каталог AppStore</a>
			<img class="fLeft" src="design/img/menubar/end.jpg" alt="" border="0" />
			<a class="MBLink" href="shop.html" title="Магазин iPhone - iPhone 3GS и Аксессуары">Магазин</a>
			<img class="fLeft" src="design/img/menubar/end.jpg" alt="" border="0" />
			<a class="MBLink last" href="orderform.html" title="Форма быстрого заказа с сайта">Форма заказа</a>
		</div>
		<div class="menuBarRight"></div>
	</div>

ВОПРОС: Как исправить !?

Заранее спасибо !

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
trinat Explorer

trinat

Posted
  • Author
Posted 

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8">
	<link rel="icon" type="image/png" href="design/favicon.png" />
	<title>iPhone | Главная</title>
	<link href="design/style.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="design/jquery.js"></script>
	<script type="text/javascript" src="design/style.js"></script>
	<script type="text/javascript" src="design/jcarouse.js"></script>	
	<script type="text/javascript" src="design/home.js"></script>

</head>
<body>
	<center>
		<div id="header">
			<img class="logotipe" src="design/img/logo.png" alt="iPhone-uz.com - Всё для смартфонов iPhone" border="0" />
			<a href="mailto:trinat@list.ru" class="fRight" title="Написать письмо">Написать письмо</a>
		</div>
		<div class="clear"></div>
		<div id="menuBar">
			<div class="menuBarLeft"></div>
			<div class="menuBarCenter">
				<a class="MBLink" href="index.html" title="Главная страница сайта iPhone-uz.com">На Главную</a>
				<img class="fLeft" src="design/img/menubar/end.jpg" alt="" border="0" />
				<a class="MBLink" href="services.html" title="Услуги предоставляемые сайтом iPhone-uz.com">Услуги</a>
				<img class="fLeft" src="design/img/menubar/end.jpg" alt="" border="0" />
				<a class="MBLink" href="repair.html" title="Ремонт и восстановление iPhone">Ремонт</a>
				<img class="fLeft" src="design/img/menubar/end.jpg" alt="" border="0" />
				<a class="MBLink" href="appstore.html" title="Каталог продукции AppStrore">Каталог AppStore</a>
				<img class="fLeft" src="design/img/menubar/end.jpg" alt="" border="0" />
				<a class="MBLink" href="shop.html" title="Магазин iPhone - iPhone 3GS и Аксессуары">Магазин</a>
				<img class="fLeft" src="design/img/menubar/end.jpg" alt="" border="0" />
				<a class="MBLink last" href="orderform.html" title="Форма быстрого заказа с сайта">Форма заказа</a>
			</div>
			<div class="menuBarRight"></div>
		</div>
		<div id="content">
			<table border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="partTwo">Каталог товаров:</td>
					<td class="contentZone" valign="top">
						<h1>Спецификации iPhone 3G</h1>
						<a class="order" href="http://www.apple.com/ru/iphone/specs.html" title="Узнать больше" target="blank">
							Узнать больше
						</a>
						<div class="empty"></div>
						<div class="info margin">
							<h2>Дисплей</h2>
							<img class="fRight" src="design/img/content/home/icon_display.png" alt="Дисплей" />
							<br /><br />
							Широкоформатный дисплей Multi-Touch с диагональю 3,5 дюйма
							<br /><br />
							Разрешение 480 x 320 пикселей<br />
							при 163 пикселях на дюйм
							<br /><br />
							Поддержка одновременного отображения нескольких<br />
							языков и символов
						</div>
						<div class="info">
							<h2>В Комплекте</h2>
							<img class="fRight" src="design/img/content/home/icon_box.png" alt="В Комплекте" />
							<br /><br />
							Стереогарнитура 
							<br /><br />
							Кабель для подключения док-станции к порту USB
							<br /><br />
							Адаптер питания USB
							<br /><br />
							Документация
							<br /><br />
							Чистящая салфетка
						</div>
						<div class="info margin">
							<h2>Аудио</h2>
							<img class="fRight" src="design/img/content/home/icon_music.png" alt="Аудио" />
							<br /><br />
							Частотная характеристика:<br />
							от 20 Гц до 20 кГц
							<br /><br />
							Поддерживаемые звуковые форматы: 
							AAC, защищённый AAC, MP3, MP3 VBR, 
							Audible (форматы 2, 3 и 4), 
							Apple Lossless, AIFF и WAV
						</div>
						<div class="info">
							<h2>Камера</h2>
							<img class="fRight" src="design/img/content/home/icon_camera.png" alt="Камера" />
							<br /><br />
							2,0 мегапикселя
							<br /><br />
							Привязка фотографий
							 к месту съёмки
							<br /><br />
							Интеграция iPhone
							и приложений сторонних
							разработчиков
						</div>
						<div class="infoOrder">
							<h2>Поддержка почтовых вложений</h2>
							<img class="fRight" src="design/img/content/home/icon_graph.png" alt="Поддержка почтовых вложений" />
							<br /><br />
							Поддерживаемые типы документов: .jpg, .tiff, .gif, .doc и .docx<br />
							(Microsoft Word), .htm и .html (веб-страницы), 
							.key (Keynote), .numbers (Numbers), .pages (Pages), .pdf (Preview и Adobe Acrobat), 
							.ppt и .pptx (Microsoft PowerPoint), 
							.txt (текст), .vcf (информация о контактах),<br /> .xls и .xlsx (Microsoft Excel)
						</div>
					</td>
				</tr>
			</table>
		</div>
		<div id="moreBar">
			<div class="moreBarLeft"></div>
			<div class="moreBarCenter">
				<div class="prev"><a href="" title="Назад"></a></div>
				<div class="next"><a href="" title="Вперед"></a></div>
				<div class="jcarousel">
					<ul>
						<li>
							<a href="shop.html" title="iPhone 3GS | Перейти в каталог товаров">
								iPhone 3GS
								<img src="design/img/morebar/prew1.png" border="0" alt="iPhone 3GS">
							</a>
						</li>
						<li>
							<a href="shop.html" title="Кабель AV для iPhone | Перейти в каталог товаров">
								Кабель AV
								<img src="design/img/morebar/prew2.png" border="0" alt="Кабель AV для iPhone">
							</a>
						</li>
						<li>
							<a href="shop.html" title="Стерео наушники для iPhone | Перейти в каталог товаров">
								Стерео наушники
								<img src="design/img/morebar/prew3.png" border="0" alt="Стерео наушники для iPhone">
							</a>
						</li>
						<li>
							<a href="shop.html" title="Bluetooth наушники для iPhone | Перейти в каталог товаров">					
								Bluetooth наушники
								<img src="design/img/morebar/prew4.png" border="0" alt="Bluetooth наушники для iPhone">
							</a>
						</li>
						<li>
							<a href="shop.html" title="USB Зарядка для iPhone | Перейти в каталог товаров">
								USB Зарядка
								<img src="design/img/morebar/prew5.png" border="0" alt="USB Зарядка для iPhone">
							</a>
						</li>
						<li>
							<a href="shop.html" title="Защитный слой для iPhone | Перейти в каталог товаров">
								Защитный слой
								<img src="design/img/morebar/prew6.png" border="0" alt="Защитный слой для iPhone">
							</a>
						</li>
						<li>
							<a href="shop.html" title="Зарядка для iPhone | Перейти в каталог товаров">
								Зарядка
								<img src="design/img/morebar/prew7.png" border="0" alt="Зарядка для iPhone">
							</a>
						</li>
						<li>
							<a href="shop.html" title="Подставка в Авто для iPhone | Перейти в каталог товаров">
								Подставка в Авто
								<img src="design/img/morebar/prew8.png" border="0" alt="Подставка в Авто для iPhone">
							</a>
						</li>
					</ul>
				</div>		
			</div>
			<div class="moreBarRight"></div>
		</div>
		<div id="copyrights">
			<a href="http://rick.xnet.uz" class="RICK" title="Rick — Создание Эксклюзивных сайтов. Перейти на сайт." target="blank"></a>
		</div>
	</center>
</body>
</html>

body {margin: 20px 10px; padding: 0 0 15px 0; background: #3e3c49 url(img/background.jpg) no-repeat center top; font-family: Tahoma; font-size: 12px; color: #fff}

a {font-size: 12px; color: #fff; text-decoration: none;}
a:visited {font-size: 12px; color: #fff; text-decoration: none;}
a:hover {font-size: 12px; color: #fff; text-decoration: none;}
a:active {font-size: 12px; color: #fff; text-decoration: none;}

.clear {clear: both; display:block; overflow: hidden; visibility: hidden; width: 0; height: 0; margin: 0; padding: 0}
.hide {display: none}

img.fLeft {float: left}
img.fRight {float: right}

img, div {behavior: url(design/iepngfix.htc)}

#header {width: 790px; text-align: left}
#header img.logotipe {float: left; margin-bottom: 25px}
#header a.fRight {display: block; float: right; margin-top: 15px}

#menuBar {width: 790px; height: 59px}
#menuBar .menuBarLeft {float: left; width: 8px; height: 59px; background: url(img/menubar/borders.jpg) no-repeat left top}
#menuBar .menuBarCenter {float: left; width: 774px; height: 59px; background: url(img/menubar/center.jpg) repeat-x}
#menuBar .menuBarCenter a.MBLink {float: left; height: 37px; //height: 59px; padding: 22px 35px 0; //padding: 22px 32px 0; //overflow: hidden}
#menuBar .menuBarCenter a.last {padding: 22px 27px 0 26px; //overflow: hidden}
#menuBar .menuBarCenter a.LActive {background: url(img/menubar/active.jpg)}
#menuBar .menuBarCenter a:hover.MBLink {background: url(img/menubar/hover.jpg)}
#menuBar .menuBarRight {float: left; width: 8px; height: 59px; background: url(img/menubar/borders.jpg) no-repeat right top}

#content {width: 905px; //position: relative; //width: 901px}
#content .contentZone {width: 480px; height: 552px; margin-left: 396px; //position: relative; //margin: -14px 0 0 375px; padding: 55px 0 0 25px; text-align: left; background: url(img/content/center1.jpg) no-repeat left top}
#content .contentZone h1 {float: left; font-size: 17px; //margin-top: 5px}
@-moz-document url-prefix() {#content .contentZone h1 {float: left; font-size: 17px; margin-top: 5px}}
#content .contentZone a.order {display: block; float: right; margin-top: 19px; //margin-top: 10px; font-style: normal; font-size: 11px}
@-moz-document url-prefix() {#content .contentZone a.order {display: block; float: right; margin-top: 19px; margin: 10px 0; font-style: normal; font-size: 11px}}
#content .contentZone span.order {display: block; float: right; margin-top: 19px; font-style: normal; font-size: 11px}
#content .contentZone .empty {width: 400px; height: 1px}
#content .contentZone .margin {float: left; margin-right: 20px}
#content .contentZone .info {float: left; width: 230px; //width: 217px; margin-bottom: 15px; padding-top: 7px; border-top: #4b4a57 1px solid}
#content .contentZone .info h2 {float: left; margin: 0; padding: 0; font-size: 14px}
#content .contentZone .infoOrder {width: 480px;  //width: 454px; //margin-top: 0px; padding-top: 7px; border-top: #4b4a57 1px solid}
#content .contentZone .infoOrder span {display: block; margin-bottom: 5px; //margin-bottom: 3px}
#content .contentZone .infoOrder a.smallsSH {display: block; float: left; margin: 5px 9px; text-align: center}
#content .contentZone .infoOrder input.orderInfoText {width: 480px; margin: 15px 0;}
#content .contentZone .infoOrder input.nullmargin {margin-top: 0}
#content .contentZone .infoOrder textarea.orderInfoText {width: 480px; height: 210px; margin-bottom: 15px}
#content .contentZone #games {margin-left: 20px;}
@-moz-document url-prefix() {#content .contentZone .infoOrder {width: 475px;  margin-top: 380px; padding-top: 7px; border-top: #4b4a57 1px solid}}
#content td.partOne {float: left; width: 113px; height: 607px; background: url(img/content/left1.jpg) no-repeat left top}
@-moz-document url-prefix() {#content td.partOne {float: left; width: 111px; height: 607px; background: url(img/content/left1.jpg) no-repeat left top}}
#content td.partTwo {float: left; width: 261px; height: 27px; padding: 580px 0 0 20px; background: url(img/content/iphone1.jpg) no-repeat left top}
#content td.contentZone {font-size: 12px; font-family: Tahoma}
#content td.contentZone .infoOrder h2 {float: left; margin: 0; padding: 0; font-size: 14px}

#moreBar {width: 790px; height: 166px; //position: relative; //margin-top: -28px}
#moreBar .moreBarLeft {float: left; width: 8px; height: 166px; background: url(img/morebar/borders.jpg) no-repeat left top}
#moreBar .moreBarCenter {float: left; width: 774px; height: 166px; text-align: center; background: url(img/morebar/center.jpg) repeat-x}
#moreBar .moreBarRight {float: left; width: 8px; height: 166px; background: url(img/morebar/borders.jpg) no-repeat right top}
#moreBar .prev a {float: left; width: 17px; margin-top: 75px; height: 23px; color: #FFF; background: url(img/morebar/arrows.jpg) no-repeat left top}
#moreBar .next a {float: right; width: 17px; margin-top: 75px;  height: 23px; color: #FFF; background: url(img/morebar/arrows.jpg) no-repeat right top}
#moreBar .jcarousel {width: 700px; //height: 150px; padding-top:  15px; float:left; position: relative; overflow:hidden}
#moreBar .jcarousel ul {list-style: none; margin:0; padding:0}
#moreBar li {float:left; margin: 5px 10px 10px 10px; width: 128px}
#moreBar li a {display: block; margin-bottom: 5px; color: #4a4854}
#moreBar li a:hover {color: #fff}
#moreBar li img {margin-top: 5px}
#moreBar img.banner {margin-top: 35px}

#copyrights {width: 790px; margin: 25px 0 0 112px}
#copyrights a.RICK {display: block; width: 56px; height: 25px; margin-right: 100px; background: url(img/rick.png) no-repeat left top}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept