Проблема с фонами

pulsar21 · August 11, 2011

Нужно: Фон всего документа голубой, а рабочая область - белый.

Но в браузе белый заполнает по бокам области голубого. Что я не так сделал, подскажите, пож-ста?..

css:

* {
	margin: 0;
	padding: 0;
	border: 0;
	background: #A7D1EF;
}

body {
padding: 0;
background: #FFF;
color: #4A2D1E;
font-family: Arial, Tahoma,;
font-size: 12px;
}

#container {
position:relative;
width: 1000px;
margin: 0 auto;
background:#FFF;
height: 800px;
}

#head {
position:absolute;
width: 1000px;
height: 300px;
}

#countries {
position:absolute;
background-image:url(images/countries.gif);
width: 174px;
height: 432px;
left: 12px;
top: 310px;
}

html:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Документ без названия</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
<div id="head"><img src="images/header.jpg" alt="header" width="1000" height="300" border="0">
</div>
<div id="countries"></div>
</div>
</body>
</html>

На скрине область, обведенная красным должна быть белой, а все что за ней - голубое как внизу:

psywalker · August 11, 2011

body {

padding: 0;

background: #FFF;

?

pulsar21 · August 11, 2011

body {
padding: 0;
background: #FFF;
?

Вам padding: 0; не понравился? Я удалил.

А решение есть?

Softlink · August 11, 2011

body {
padding: 0;
background: #FFF;
?
Вам padding: 0; не понравился? Я удалил.
А решение есть?

Вот это по возможности выкинуть из верстки совсем:

* {
        margin: 0;
        padding: 0;
        border: 0;
        background: #A7D1EF;
}

Сделать так:

body {
padding: 0;
background:#A7D1EF;
color: #4A2D1E;
font-family: Arial, Tahoma,;
font-size: 12px;
}

pulsar21 · August 11, 2011

body {
padding: 0;
background: #FFF;
?
Вам padding: 0; не понравился? Я удалил.
А решение есть?
Вот это по возможности выкинуть из верстки совсем:
* {
        margin: 0;
        padding: 0;
        border: 0;
        background: #A7D1EF;
}
Сделать так:
body {
padding: 0;
background:#A7D1EF;
color: #4A2D1E;
font-family: Arial, Tahoma,;
font-size: 12px;
}

Огромное Вам человеческое спасибо! background вверху действительно лишний!

Sign In

Проблема с фонами

Question

pulsar21

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

pulsar21

Link to comment

Share on other sites

Softlink

Link to comment

Share on other sites

pulsar21

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information