Проблема текста

ziyodjon · May 11, 2010

Здравствуйте, у меня такая проблема при верстки с правого блока выходить текст в середину в браузере IE6.

http://www.jizpi.uz/cssprimer/boxes8.html

*{margin:0px; padding:0px;}

body{
	font:12 tahoma;
	background:#efefff;
	text-align:center;
}

.clear{
	clear:both;	
}
#wrapper{
	width:1004px;
	margin:0px auto;
	border:1px solid navy;
	text-align:left;
}
#header{
	font-size:30px;
	color:#FFF;
	background:#C90;
	padding:20px 20px 20px 20px;
}
#left{
	float:left;
	width:200px;
	background:#FC0;
	padding:5px;
}
#left ul{
	list-style:none;
	margin:0 0 0 10px;
	line-height:20px;
}
#left a{
	text-decoration:none;
	color:#FFF;
	background:url(images/mdot.gif) no-repeat left;
	padding:0 0 0 20px;
}
#left a:hover{
	text-decoration:underline;
	color:#F60;
}

#content{
	float:left;
	background:#FFC;
	padding:5px;
	width:584px;
}
* html #content{
	float:left;
	background:#FFC;
	padding:5px;
	width:584px;
}
#right{
	float: left;
	width:200px;
	background:#FC0;
	padding:5px;
}
#footer{
	clear:both;
	font-size:14px;
	color:#FFF;
	background:#C90;
	padding:5px;
}

<div id="wrapper">
	<div id="header">Header</div><!--end header-->
	<div id="left">
		<h3>Главное меню</h3>
		<ul>
			<li><a href="#">Главная</a></li>
			<li><a href="#">О нас</a></li>
			<li><a href="#">Наши продукты</a></li>
			<li><a href="#">Гостевая книга</a></li>
			<li><a href="#">Контакты</a></li>
		</ul>
	</div><!--end left-->
	<div id="content">content</div><!--end content-->
	<div id="right">
		<h3>Новости сайта</h3>
		<p>то свойство специфицирует отступ первой строки текста в блоке. .... Эффекты оттенения не изменяют размеры бокса, но могут выходить за его пределы. ...то свойство специфицирует отступ первой строки текста в блоке. .... Эффекты оттенения не изменяют размеры бокса, но могут выходить за его пределы. ...то свойство специфицирует отступ первой строки текста в блоке. .... Эффекты оттенения не изменяют размеры бокса, но могут выходить за его пределы пределы</p>
	</div><!--end right-->
	<div id="footer">footer</div><!--end footer-->
	<div class="clear"></div>
</div><!--end wrapper-->

Scrum · May 11, 2010


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
  <style type="text/css">
  /*<![CDATA[*/
  *{margin:0px; padding:0px;}

body{
    font:12 tahoma;
    background:#efefff;
    text-align:center;
}

.clear{
    clear:both;
}
#wrapper{
    width:1004px;
    margin:0px auto;
    border:1px solid navy;
    text-align:left;
}
#header{
    font-size:30px;
    color:#FFF;
    background:#C90;
    padding:20px 20px 20px 20px;
}
#left{
    float:left;
    width:200px;
    background:#FC0;
    padding:5px;
}
#left ul{
    list-style:none;
    margin:0 0 0 10px;
    line-height:20px;
}
#left a{
    text-decoration:none;
    color:#FFF;
    background:url(images/mdot.gif) no-repeat left;
    padding:0 0 0 20px;
}
#left a:hover{
    text-decoration:underline;
    color:#F60;
}

#content{
    background:#FFC;
    padding:5px;
    margin: 0 200px;
}
#right{
    float: right;
    width:200px;
    background:#FC0;
    padding:5px;
}
#footer{
    clear:both;
    font-size:14px;
    color:#FFF;
    background:#C90;
    padding:5px;
}
  /*]]>*/
  </style>
</head>

<body>
 <div id="wrapper">
    <div id="header">Header</div><!--end header-->
    <div id="right">
        <h3>Новости сайта</h3>
        <p>то свойство специфицирует отступ первой строки текста в блоке. .... Эффекты оттенения не изменяют размеры бокса, но могут выходить за его пределы. ...то свойство специфицирует отступ первой строки текста в блоке. .... Эффекты оттенения не изменяют размеры бокса, но могут выходить за его пределы. ...то свойство специфицирует отступ первой строки текста в блоке. .... Эффекты оттенения не изменяют размеры бокса, но могут выходить за его пределы пределы</p>
    </div><!--end right-->
    <div id="left">
        <h3>Главное меню</h3>
        <ul>
            <li><a href="#">Главная</a></li>
            <li><a href="#">О нас</a></li>
            <li><a href="#">Наши продукты</a></li>
            <li><a href="#">Гостевая книга</a></li>
            <li><a href="#">Контакты</a></li>
        </ul>
    </div><!--end left-->
    <div id="content">content</div><!--end content-->

    <div id="footer">footer</div><!--end footer-->
    <div class="clear"></div>
</div><!--end wrapper-->
</body>

</html>

ziyodjon · May 11, 2010

Не рабоаеть что то

Scrum · May 11, 2010

??

ziyodjon · May 11, 2010

??

Ссылку обновите http://www.jizpi.uz/cssprimer/boxes8.html

Scrum · May 11, 2010

на расположение блоков в моем варианте внимательно смотрите. Читайте про поведение float.

Sign In

Проблема текста

Question

ziyodjon

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Scrum

Link to comment

Share on other sites

ziyodjon

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

ziyodjon

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information