-
Здравствуйте, опять нужна помосч!
В общем есть у меня такая конструкия на сайтеге:
Код:
#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">
* * Сайт:[Only registered and activated users can see links. Click Here To Register...]
* </div>
<div id="stright"></div>
</div>
И при сужении окна браузера (в стилях минимальная ширина 990 пикселей)
эта конструкция разваливается! Не пойму в чём причина, а в ие норм!
-
Цитата:
Originally posted by mumus@Mar 6 2008, 23:49
Не пойму в чём причина
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
В коде. Простите, конечно, но многие приведенные Вами CSS-инструкции не поддаются никакой логике. Либо они попросту лишние, либо их никчемное нагромождение и создает Вам проблемы...
-
[attachment=7467:attachment]
И как мне тогда реализовать эту конструкцию без таблицы? Чтобы центр резинилсо???
-
-
Цитата:
Originally posted by Aykroyd@Mar 8 2008, 03:07
Центр чего? Вселенной?)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Центр центр жвачгей резиновой =)
Ну в общем где написано «Сайт: artlebedev.ru»
-
Если речь идет о серой области в центре (с закругленными краями), надо уточнить: только по горизонтали резиниться должно или по вертикали тоже?
-
Цитата:
Originally posted by Aykroyd@Mar 8 2008, 15:00
Если речь идет о серой области в центре (с закругленными краями), надо уточнить: только по горизонтали резиниться должно или по вертикали тоже?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Да речь идёт именно об этом. Только по горизонтали, чтобы растягивалось в зависимости от длины текста!
-
Цитата:
Originally posted by mumus@Mar 8 2008, 20:37
чтобы растягивалось в зависимости от длины текста!
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/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">
****
Сайт: [Only registered and activated users can see links. Click Here To Register...]</p>
</div>
</body>
</html>
-
Вы хоть сами свой скриншот видели?
