Jump to content
  • 0

Нужна помощь!


Diego
 Share

Question

Здравствуйте всем! :D Я только начинаю постигать азы web-программирования и мне нужна помощь и советы от знающих людей. Такой вопрос: как сделать так, чтобы рисунок растягивался по содержимому. И был на всю страницу. Например, на ноуте 15" он на всю, а на 19" чуть больше, чем наполовину экрана. Не знаю, что делать..... http://www.megaupload.com/?d=1FZJJ17Z - сайт

Edited by Diego
Link to comment
Share on other sites

16 answers to this question

Recommended Posts

  • 0
поставь рисунку ширину и высоту 100%

Поставил я в css heigh:100%; width: 100%;

и получилось такое... полоса прокрутки почему-то появилась. Рисунок: 766 на 750 px(изображение на 17" мониторе)

Изображение

Link to comment
Share on other sites

  • 0

Нет там ничего такого, просто картинка по высоте больше окна браузера. От этого и полоса прокрутки.

Полоса прокрутки там горизонтальная(см изображение). Рисунок 766 на 750пикселей

2 psywalker

Вот мой код:

код хтмл и css

Link to comment
Share on other sites

  • 0
Смотри, тебе задание, выяви причину сам. Подсказка, проблема в этом правиле: :D

div.fon

{position: absolute;

margin-left: 19%;

top: 0%;

width: 100%;

height: 100%;

}

Если я уберу margin-left, то у меня уберется полоса прокрутки(горизонтальная), но в тоже время мне нужно отцентрировать моё изображение(чтобы в любых броузерах было по центру и на любых экранах)..... Тогда как мне отцентрировать картинку, чтобы не появилась полоса прокрутки...??

И ещё вопросик. Как мне обозначить область контента(белая)??

сайт .psd - http://ifolder.ru/12492055

Link to comment
Share on other sites

  • 0

1) так короче меню помести в шапку, самой шапке задай фон верхний с repeat-x;

2) Область контента сама по себе будет белая, так как фон у body ты пропишешь: body{background: #fff;}

3) Ну а за контентом будет Футер, опятьже с фоном-градиентом, как в Шапке

4) Ну а насчёт картинки просто вынь её из div, пропиши то, что я тебе говорил ей, и всё,она отцентрируется, как тебе нужно :D

Link to comment
Share on other sites

  • 0
1) так короче меню помести в шапку, самой шапке задай фон верхний с repeat-x;

2) Область контента сама по себе будет белая, так как фон у body ты пропишешь: body{background: #fff;}

3) Ну а за контентом будет Футер, опятьже с фоном-градиентом, как в Шапке

4) Ну а насчёт картинки просто вынь её из div, пропиши то, что я тебе говорил ей, и всё,она отцентрируется, как тебе нужно :D

Честно, я ничего не понял.... ВОТ МОЙ КОД ЕЩЁ РАЗ!

CSS

div.fon
{position: absolute;

top: 0%;
width: 100%;
height: 100%;
}

div.content
{margin-top: 100px;
margin-left: 17%;
color: white;}

body
{
overflow: auto;
margin: 0%;
background-image: url('12.jpg');
}

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="styles.css" type="text/css" rel="stylesheet">

</head>
<body>
<div class="fon"><img src="f.gif"></div>

<div class="content"> asasasassasasas </div>
</body>

</html>

Можно ли поподробнее... пожалуйста..

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy