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

trinat · January 20, 2010

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

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

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

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

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

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

		
	<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>

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

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

Dessss · January 20, 2010

Ну и шо по твоему html понятно? Ты давай сылку на рабочий проект или пиши сюда код полностью ксс и хтмл

Edited January 20, 2010 by Dessss

DjTarik · January 20, 2010

Если ишак сам по себе копирует слова - то проблема может быть в комментариях. Попробуй вырезать все комменты  из шаблона.

Или давай ссылку на страницу.

Great Rash · January 20, 2010

CSS где?

Такие вещи списками делаются, а не через одно место как у вас. Переделывайте заново на тестовой странице, эту верстку уже не спасти.

trinat · January 20, 2010

Great Rash

Можно по подробнее про списки !?

Justnewone · January 20, 2010

Great Rash
Можно по подробнее про списки !?

например вот.

trinat · January 20, 2010

<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}

Sign In

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

Question

trinat

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Dessss

Link to comment

Share on other sites

DjTarik

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

trinat

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

trinat

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information