Вопрос по CSS

Расширенный поиск по форуму

Новая тема

Автор

Поиск в теме:

DoubleLord

С нами с 28.12.05
Сообщения: 144
Рейтинг: 56

Добавлено: 13/10/08 в 11:34

цитата

Всем Доброго дня!
Такой вот вопросик возник :

Как зделать так чтобы элемент ДИВ не разьежалсья при добавлении в него текста, тоесть добавляю текст и он принимает велечину текста , а хотелось бы чтобы он был фиксирован.

Вот в CSSe

Код:

#cont3{

padding: 10px;
float: left;
width: 25%;
width: auto;
background-color: Aqua;
}

Вот в HTMLe

Код:

<div id="cont3">вот здесь какой то очень длинный текст при добавлении которого блок разъезжаться </div>

Всем спасибо и рейтинги!!!

Petek

чоткий дезайнер

С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731

Добавлено: 13/10/08 в 11:42

цитата

ширину в пикселях задай, если фиксированный нужен

Дизайн (CJ от 40$, AVS от 80$)

ibiz

С нами с 24.10.04
Сообщения: 18881
Рейтинг: 9010

Добавлено: 13/10/08 в 11:48

цитата

может нужно overflow: hidden?

Petek

чоткий дезайнер

С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731

Добавлено: 13/10/08 в 11:52

цитата

а если надо ширину 25%, то width: auto удали, так как это правило главней (и перекрывает предыдущее), потому что ниже, вроде так

Дизайн (CJ от 40$, AVS от 80$)

H@mster

С нами с 03.09.08
Сообщения: 50
Рейтинг: 22

Добавлено: 13/10/08 в 12:20

цитата

попробуй вот таким кодом

Код:

сам контент ессно будет так

Код:

<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

С нами с 28.12.05
Сообщения: 144
Рейтинг: 56

Добавлено: 13/10/08 в 23:30

цитата

Petek:

Цитата:

ширину в пикселях задай, если фиксированный нужен

Не помогает.

Цитата:

Удалил но чота не хера не повлияло.

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

С нами с 18.10.02
Сообщения: 4165
Рейтинг: 3365

Добавлено: 13/10/08 в 23:58

цитата

Так ты нормальный текст с пробелами в дивы поставь, а не "fdsdfsdfsdfsdffffffffffffffffffffffffffffffffffffffffffffffffff". А в твоем случае браузер просто распознает это как одно слово, которое не переносится, соответственно див растягивается.

H@mster

С нами с 03.09.08
Сообщения: 50
Рейтинг: 22

Добавлено: 14/10/08 в 01:22

цитата

+1
браузер не втыкает че это за слово и чего с ним делать, раз пробелов нет, с автопереносом проблемы... выход один - колбасить див на всю длину этого слова

ibiz

С нами с 24.10.04
Сообщения: 18881
Рейтинг: 9010

Добавлено: 14/10/08 в 01:35

цитата

Код:

<div id="text" style="overflow: hidden">...

только в ие не работает как нужно

H@mster

С нами с 03.09.08
Сообщения: 50
Рейтинг: 22

Добавлено: 14/10/08 в 07:18

цитата

overflow: hidden
аха, в ИЕ этот стиль такие перлы выдаст, что ну его нах

кусок кода, который я показал рабочий на 100% в любом браузере, единственное что нужно - текст осмысленный пихать, а не набор в 100 символов без пробела

Новая тема

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!

Перейти:

Спонсор раздела

Вопрос по CSS

Опросы