контент, который тянется до определенного разрешения, а потом центрует

Sanguis · December 19, 2007

проблема вот в чем: контент сайта должен тянуться с разрешения 1024*768 до 1024*1280. в ширь. если разрешение больше, он должен останавливать свою тянучесть и центрироваться.

сейчас на большом разрешении (1600*1200) в опере и в ие он тянучесть останавливает, но жмется влево. в огнелисе тянется на всю ширину и никакой max-width его не останавливает. а также такой код его не берет:

body { 
margin: 0 auto; 
padding: 0;	
font-family: Georgia; 
font-size: 100.01%; 
font-weight:normal; }

.all{
 width: expression(document.body.clientWidth < 1240 ? "100%" : "1240px");
max-width:1240px; 
min-width:1000px;
}

можно через жабаскрипт еще что-нить добавить, чтобы было как надо? если да, то что?

ЗЫ: в проблемы верстки плиз не посылайте, там уже была, послали сюда.

maddogrts · December 19, 2007

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>CSS Layout 3</title>
<link rel="stylesheet" type="text/css" href="default.css" />
<style type="text/css">
#con {background: #999; height: 500px;margin: 0 auto; 
padding: 0;	
font-family: Georgia; 
font-size: 100.01%; 
font-weight:normal;
max-width:800px; 
min-width:200px;
width: expression(document.body.clientWidth > 800 ? "100%" : "800px");}
</style>
</head>
<body>
<div id="con">
</div>
</body>
</html>

сделате контейнер. В него поместите то что вам надо. С body работать не будет

Sanguis · December 19, 2007

ну так и есть, в контейнере уже, только цифры другие. и зачем высоту ставить? она ж тоже в завимости от разрешения немного меняется.

Sanguis · December 19, 2007

и зачем strict? transitional не канает что ли?

maddogrts · December 19, 2007

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

maddogrts · December 19, 2007

резльтатами поделитесь надеюсь

Sanguis · December 19, 2007

дак нет результата. воз и ныне там.

maddogrts · December 19, 2007

Ну у меня же работает, не правда ли ?

WingedFox · December 19, 2007

A чем не подходит CSS с max-width?

Sanguis · December 19, 2007

WingedFox, а вот хз. в ие эта шняга в принципе не работает (в 6-ом). а вот почему огнелис тупит - тут ваще полный хз..................

WingedFox · December 19, 2007

Max-width в IE работает с помошью behavior.

Вс? остальное элементарнейшим образом делается на CSS.

WingedFox · December 19, 2007

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <title>max-center</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
 </head>
 <body>
  <div style="width: 100%; text-align: center;">
   <div style="border: 1px solid #000; max-width: 400px; margin: 0 auto; width: expression(document.body.parentNode.offsetWidth>400?'400px':'auto');">
	   test
   </div>
  </div>
 </body>
</html>

Sign In

контент, который тянется до определенного разрешения, а потом центрует

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information