максмальная/минимальная ширина/высота..

Panda30 · September 3, 2011

Здравствуйте..Помогите пожалуйста...У меня есть картинка (шапка сайта) размером 1680х180... Вот...На моем мониторе 1680х1050 отображается как надо..Как сделать так, чтобы на мониторе 1024х600 она оптимизировалась...То есть как так задать минимальную ширину и высоту, чтобы картинка(ну или весь блок div) сама подстраивалась под монитор (максимум 1680х180, минимум 1024х600)..А то получается, что на первом мониторе все нормально,а на втором картинка смотрится гигантской).

Набросал в HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Проверка</title>

</head>

<body>

</div>

</body>

</html>

и CSS:

#main {

min-width: 1024px;

min-height: 110px;

max-width: 1680px;

max-height: 180px;

}

И ничего...Не изменяется..Я, наверное, что то не так делаю...

Vlad · September 3, 2011

Установите картинку фоном, тогда она будет шириной как окно.

Gaspode · September 3, 2011

max-width: 100% к картинке, например.

Nekromancer · September 3, 2011

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>Проверка</title>
     <style>
         body, html {width: 100%: height: 100%; margin: 0; padding: 0;}
         #main {min-width: 1000px; max-width: 1680px;}
         #main img {width: 100%;}
     </style>
 </head>
 <body>
 <div id="main">

 <img src="http://iwalk.ru/wp-content/uploads/2008/12/nature-wallpaper-1680x1050-007.jpg">
 </div>
 </body>
 </html>

П.С. Обрамляйте пожалуйста код в теги [code][/code]

Panda30 · September 3, 2011

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>Проверка</title>
     <style>
         body, html {width: 100%: height: 100%; margin: 0; padding: 0;}
         #main {min-width: 1000px; max-width: 1680px;}
         #main img {width: 100%;}
     </style>
 </head>
 <body>
 <div id="main">

 <img src="http://iwalk.ru/wp-content/uploads/2008/12/nature-wallpaper-1680x1050-007.jpg">
 </div>
 </body>
 </html>

П.С. Обрамляйте пожалуйста код в теги [code][/code]

Спасибо)Хорошо. Буду теперь знать как управлять...)Просто первый раз тут...)

Sign In

максмальная/минимальная ширина/высота..

Question

Panda30

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Gaspode

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

Panda30

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information