2013-11-08 7 views
1

Я новичок в создании веб-сайтов, и этот для моего друга. Я использую Dreamweaver CS4. Я не могу понять, как избавиться от пустого пространства, делая белую границу вокруг моего веб-сайта. Добрый совет! Вот экран печати в сети (я не загрузил его еще нет): print screenКак избавиться от пустого пространства вокруг обертки?

<!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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Saher H. Paracha</title> 
<style type="text/css"> 
a:link { 
COLOR: #F0F; 
} 
a:visited { 
COLOR: #FFF; 
} 
a:hover { 
COLOR: #FFF; 
} 
a:active { 
COLOR: #FFF; 
} 
<!-- 

#wrapper { 
width: 1250px; 
background-color: #FFF; 
background-image: url(total-BGgif.gif); 
background-attachment: scroll; 
} 
#left { 
width: 25%; 
float: left; 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 13pt; 
color: #999; 
} 
#content { 
width: 50%; 
float: left; 
} 
#right { 
float: right; 
width: 23%; 
} 
#footer { 
width: 100%; 
clear: both; 
background-color: #DE39D8; 
} 
#header { 
width: 100%; 
} 
#menu { 
width: 100%; 
} 
#wrapper #menu table tr td { 
text-align: center; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-weight: bold; 
color: #C39; 
} 
#wrapper #left table tr td { 
text-align: left; 
} 
#wrapper #content table tr td p { 
font-size: 12pt; 
font-family: Georgia, "Times New Roman", Times, serif; 
} 
#header_space { 
height: 5%; 
width: 100%; 
} 
#wrapper #right table tr td { 
text-align: center; 
} 
#wrapper #footer table tr td { 
color: #FFF; 
text-align: center; 
} 
#wrapper #content table { 
color: #DE39D8; 
} 
#wrapper #left table tr td a { 
color: #FFF; 
} 
#wrapper #left table tr td a strong { 
color: #DE39D8; 
} 
#wrapper #content table tr td p { 
color: #666; 
} 
#wrapper #header table { 
text-align: center; 
} 
--> 
</style> 
+0

Просьба уточнить проблему, непонятно, что вы имеете в виду. – Sliq

ответ

2

Попробуйте

Put CSS

html { 
    height:100%; 
    margin:0; 
} 
3

Я думаю, что вам нужно сбросить border Характеристики CSS либо html, либо body по 0:

html, body { 
    margin: 0; 
} 
0

Я бы не использовал селектор html, попробуйте его с телом.

включают следующий код в ваш CSS:

body{height: 100%; margin 0} 

Если это не сработает, попробуйте добавить важный (как правило, стараются избегать использования важно!), В конце концов также установить границу на 0

body{height 100% !important; 
     margin: 0 !important; 
    } 
!

Если вы разместили свой код, будет проще воспроизвести вашу проблему и решить эту проблему ...

+0

код добавлен для дальнейшей помощи! Кажется, я помещаю настройки полей и заполнения в неправильное место. – user2968176

+0

Итак, вы добавили код, написанный выше, в ваш файл css перед #wrapper, и это не сработало? И вы проверили консоль разработчиков (ctrl + shift + j in chrome), где проблема может быть? – Yanik

Смежные вопросы