DoubleLord
Всем Доброго дня!
Такой вот вопросик возник :
Как зделать так чтобы элемент ДИВ не разьежалсья при добавлении в него текста, тоесть добавляю текст и он принимает велечину текста , а хотелось бы чтобы он был фиксирован.
Вот в CSSe
Код:
#cont3{
padding: 10px;
float: left;
width: 25%;
width: auto;
background-color: Aqua;
}
Вот в HTMLe
Код:
<div id="cont3">вот здесь какой то очень длинный текст при добавлении которого блок разъезжаться </div>
Всем спасибо и рейтинги!!!
Petek
а если надо ширину 25%, то width: auto удали, так как это правило главней (и перекрывает предыдущее), потому что ниже, вроде так
H@mster
попробуй вот таким кодом
Код:
<style type="text/css">
html, body {margin:0 auto; padding:0}
#cont_carrier{
float: left;
width: 25%;
margin-bottom:30px;
}
#cont {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
text-align:center;
background-color: Aqua;}
#text_carrier {width:75%;
float:right;
clear:right;}
#text {color:#FF0000;
background:#FF9900;
font-size:12px;
padding:20px}
</style>
сам контент ессно будет так
Код:
<div id="cont_carrier">
<div id="cont">blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah
</div>
</div>
<div id="text_carrier">
<div id="text">blah blah blah blah blah blahblah blah blah blah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah
</div>
</div>
вроде работает
DoubleLord
Petek:
Цитата:
ширину в пикселях задай, если фиксированный нужен
Не помогает.
Цитата:
а если надо ширину 25%, то width: auto удали, так как это правило главней (и перекрывает предыдущее), потому что ниже, вроде так
Удалил но чота не хера не повлияло.
H@mster:
Спасибо пример оч. хороший. Только попробуй вот вставит етот код к себе :
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
html, body {margin:0 auto; padding:0}
#cont_carrier{
float: left;
width: 25%;
margin-bottom:30px;
}
#cont {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
text-align:center;
background-color: Aqua;}
#text_carrier {width:75%;
float:right;
clear:right;}
#text {color:#FF0000;
background:#FF9900;
font-size:12px;
padding:20px}
</style>
</head>
<body>
<div id="cont_carrier">
<div id="cont">blah blah blah blah blah blahblah blah blah blah blah blah blah blah blahjjjjjjjjjjjyyyyyyyyyyyyyjjjjjjjjjjjjjbbbbbbbbbbnnnnnnnnnnnnntttttttftttttttttttttttttttttttttttnnnnnnnnnnnnnnyyyyyyyyyyyyyyyyy
</div>
</div>
<div id="text_carrier">
<div id="text">blah blah blah blah blah blahblah blah blah blah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah
</div>
</div>
</body>
</html>
Все ровно чего то едит блять все.
Всем спасибки и рейты.
Но я почему то все равно туго понимаю может кто то разьяснит в чем бида?
Вот мой код целиком :
Код:
<html>
<head>
<title>Untitled</title>
</head>
<body>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Рекламное агенство</title>
<LINK href="1.css" type=text/css rel=StyleSheet>
<style type="text/css">
#main{
width:100%;
text-align:center;
height: 500px;
}
#cont1{
padding: 10px;
margin-left: 0px;
float: left;
width:8%;
background-color: White;
}
#cont2{
margin: 0 10px;
padding: 10px;
float: left;
width:65%;
background-color: #ACEAFD;
border: thin solid #43349C;
}
#cont3{
padding: 10px;
float: left;
width: 25%;
background-color: Aqua;
}
#text{
font-size:12px;
padding:20px
}
</style>
</head>
<body>
<div id="main">
<div id="cont1"></div>
<div id="cont2">dsdsdsdddddddddddddddddddddddddddddddd</div>
<div id="cont3"><div id="text">fdsdfsdfsdfsdffffffffffffffffffffffffffffffffffffffffffffffffff</div>
</div>
</div>
</body>
</html>
</body>
</html>
Mika
Так ты нормальный текст с пробелами в дивы поставь, а не "fdsdfsdfsdfsdffffffffffffffffffffffffffffffffffffffffffffffffff". А в твоем случае браузер просто распознает это как одно слово, которое не переносится, соответственно див растягивается.
H@mster
+1
браузер не втыкает че это за слово и чего с ним делать, раз пробелов нет, с автопереносом проблемы... выход один - колбасить див на всю длину этого слова
H@mster
overflow: hidden
аха, в ИЕ этот стиль такие перлы выдаст, что ну его нах
кусок кода, который я показал рабочий на 100% в любом браузере, единственное что нужно - текст осмысленный пихать, а не набор в 100 символов без пробела
