Форум

0931454574 · #1 (**permalink**) 09.06.2011, 18:53

Как видите серая граница, это блок див, текст в нем не доходит до края, почему?

<body>
<div class="container">
<div class="content">
	<div id="contentblock">
             <h1>Инструкции</h1>
             <p> xgchghflkklfghkfhk;lfhk xgchghflkklfghkfhk;lfhkxgchghflkklfghkfhk;lfhkxgchghflkklfghkfhk;lfhk xgchghflkklfghkfhk;lfhk xgchghflkklfghkfhk;lfhk gchghflkklfghkfhk;lfhk xgchghflkklfghkfhk;lfhk xgchghflkklfghkfhk;lfhk xgchghflkklfghkfhk;lfhk xg</p>

   </div>
    <!-- end .content --></div>
</div>
</body>

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
 p {
	margin-top: 0;
	margin-bottom:5px;	  
	padding-right: 15px;
	padding-left: 15px;  

.container {
	width:1100px;
	background: #FFFFFF;
	margin: 0 auto;  
}
.content {

	padding: 10px 0;
	width: 700px;
	float: left;
}
#contentblock
{
	width:690px;
	border:1px solid #CCC;
	margin:5px;
}

Есть еще один блок, но его я не указывал, он тут точно нипричем!!!

walik · #2 (**permalink**) 09.06.2011, 20:01

потому что текст находится в теге P а для него в css указан внутренний отступ padding-right: 15px;

0931454574 · #3 (**permalink**) 10.06.2011, 09:50

walik,
К сожалению этот вариант я проверил первый. В верстке собаку сьел.
Так что pаdding не канает.
И прописывал этот пэддинг в самом стиле тега <p> и так как этот стиль последний, он и должен сработать, но ничего не изменилось!!!

0931454574 · #4 (**permalink**) 10.06.2011, 09:56

Еще заметил вот что, отступ меняется когда прописываешь свойсtво text-align , тогда он по центру, но по краям , то есть слева и справа равен в своей сумме тому отступу от которого нужно избавиться.

walik · #5 (**permalink**) 10.06.2011, 10:07

<html>
<head>
<style>
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: black;
    margin: 0;
    padding: 0;
    color: white;
}
 p {
    margin-top: 0;
    margin-bottom:5px;   
    padding-left: 15px; 
}
 
.container {
    width:1100px;
    background: #FFFFFF;
    margin: 0 auto; 
}
.content {
    padding: 10px 0;
width: 700;
    float: left;
}
#contentblock
{
    width:690px;
    border:1px solid #CCC;
    margin:5px;
}
</style>
</head>
<body>
<div class="container">
<div class="content">
    <div id="contentblock">
             <h1>Инструкции</h1>
             <p>xgchghfl kklfghkfhk ;lfhk xgchghflkkl fghkfhk;lfh kxgchgh flkklfg hkfhk ;lfhkxg chghflkk lfghkfhk;lfhk xgchghf lkklfghkf hk;lfhk xgchghflkk lfghkf hk;lfhk gchghflkklf ghkfhk;l fhk xgchg hflkklfghk fhk;lfhk xgchgh flkklfghkf hk;lfhk xgchg hflkklfg hkfhk ;lfhk xg</p>
 
   </div>
</div><!-- end .content -->
</div>
</body>
</html>

С чего ты взял что у тебя там отступ ? нету никакого отступа.

0931454574 · #6 (**permalink**) 10.06.2011, 10:39

Я вспомнил что за Г. Не нужно писать без пробелов , тогда и все будет работать! Если без пробелов, то воспринимается как целое слова и все!!
Привожу пример рабочего и нерабочего кода)_)))

<div class="content">
    <div id="contentblock">
             <h1>Инструкции</h1>
             <p>xgchghfl kklfghkfhk ;lfhk xgchghflkkl fghkfhk;lfh kxgchgh flkklfg hkfhk ;lfhkxg chghflkk lfghkfhk;lfhk xgchghf lkklfghkf hk;lfhk xgchghflkk lfghkf hk;lfhk gchghflkklf ghkfhk;l fhk xgchg hflkklfghk fhk;lfhk xgchgh flkklfghkf hk;lfhk xgchg hflkklfg hkfhk ;lfhk xg</p>
  
   </div>
</div><!-- end .content -->



<div class="content">
	<div id="contentblock">
    <h1>Инструкции</h1>
 <p>dasdasdsfgskjdgfsdlkgjksdlghkjshgjfdkhgjkdfahgfsfssdfsdfsdfsdfsdfsfdsfasfasfasfasf</p>
    	
   </div>
    <!-- end .content --></div>

Так что будьте осторожны с пробелами господа и ДАМЫ.

Форум

Справочник

Discord чат

Курсы javascript