Разваливаеццо блок!

**mumus** · 06.03.2008, 22:49

Здравствуйте, опять нужна помосч!

В общем есть у меня такая конструкия на сайтеге:

Код:

#sitetitle{
position:relative;
top:10px;
left:10px;
height:26px;
float:left;
margin:0 30px 0 0;
}

#sitetitle #stleft{
float:left;
height:26px;
background:url(i/stleft.gif) no-repeat;
width:6px;
}
#sitetitle #stmiddle{
float:left;
clear:right;
padding-right:1px;
text-align:left;
height:26px;
background:#E1E1E1;
}
#sitetitle #stmiddle span{
position:relative;
top:4px;
}
#sitetitle #stright{
float:left;
clear:right;
padding-right:1px;
height:26px;
background:url(i/stright.gif) no-repeat;
width:6px;
}

Код:

 * 
<div id="sitetitle">
 *<div id="stleft"></div>
 * <div id="stmiddle">
 * * Сайт:[Только зарегистрированные пользователи могут видеть ссылки. ]
 * </div>
 <div id="stright"></div>
</div>

И при сужении окна браузера (в стилях минимальная ширина 990 пикселей)
эта конструкция разваливается! Не пойму в чём причина, а в ие норм!

**Aykroyd** · 07.03.2008, 18:29

Originally posted by mumus@Mar 6 2008, 23:49
Не пойму в чём причина
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
В коде. Простите, конечно, но многие приведенные Вами CSS-инструкции не поддаются никакой логике. Либо они попросту лишние, либо их никчемное нагромождение и создает Вам проблемы...

**mumus** · 07.03.2008, 22:20

[attachment=7467:attachment]

И как мне тогда реализовать эту конструкцию без таблицы? Чтобы центр резинилсо???

**Aykroyd** · 08.03.2008, 02:07

Центр чего? Вселенной?)

**mumus** · 08.03.2008, 04:57

Originally posted by Aykroyd@Mar 8 2008, 03:07
Центр чего? Вселенной?)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Центр центр жвачгей резиновой =)

Ну в общем где написано «Сайт: artlebedev.ru»

**Aykroyd** · 08.03.2008, 14:00

Если речь идет о серой области в центре (с закругленными краями), надо уточнить: только по горизонтали резиниться должно или по вертикали тоже?

**mumus** · 08.03.2008, 19:37

Originally posted by Aykroyd@Mar 8 2008, 15:00
Если речь идет о серой области в центре (с закругленными краями), надо уточнить: только по горизонтали резиниться должно или по вертикали тоже?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Да речь идёт именно об этом. Только по горизонтали, чтобы растягивалось в зависимости от длины текста!

**Aykroyd** · 08.03.2008, 21:04

Originally posted by mumus@Mar 8 2008, 20:37
чтобы растягивалось в зависимости от длины текста!
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
body {font-family: Verdana; font-size: 62.5%; color: #666666;}
#container {background: #F4F4F4; width: 600px; height: 400px; margin: 0px auto; padding: 20px;}
#container p {font-size: 1.2em; background: url(bg.gif) no-repeat; float: left;}
#container p span {background: url(bg.gif) no-repeat right -26px; line-height: 24px; height: 26px; padding: 0px 10px; float: left;}
</style>
</head>
<body>
<div id="container">
****

Сайт: [Только зарегистрированные пользователи могут видеть ссылки. ]</p>
</div>
</body>
</html>

**mumus** · 08.03.2008, 21:52

Вы хоть сами свой скриншот видели?

Тема: Разваливаеццо блок!

Опции темы

Поиск по теме

Отображение

Похожие темы

Блок с полосой прокрутки

Штрихованный фон+блок с тенью

ALT залазит на другой блок в FireFox

блок текста в кривом обьекте...

Как раздвинуть текстовый блок?

Ваши права