Помогите пожалуйста!

lily_88 · November 3, 2008

Здравствуйте, помоги, пожалуйста.

Имеется css файл:

html{
height: 100%;
}
body{
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #FFFFFF;
height: 100%;
}
#wrapper {
margin: 0 auto;
width: 880px;
}
#header {
width: 870px;
height: 2px;
margin: 0px;
background: url("/images/top_line.jpg") no-repeat;
}
#leftcolumn {
float:left;
background: url("/images/gradient_left.jpg") repeat-y;
margin:0;
height:133px;
width:35px;
}
#content {
float:left;
background:#0795bd;
margin:0;
height:133px;
width:802px;
display:inline;
}
#rightcolumn {
background:url("/images/gradient_right.jpg") repeat-y;
margin: 0;
height:133px;
width: 35px;
float: left;
}

html файл :

<!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="ru" lang="ru">
<head>
<title>ГИС </title>
<link rel="stylesheet" type="text/css" href="/css/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header -->
<div id="header">
</div>
<!-- End Header -->
<!-- Begin Left Column -->
<div id="leftcolumn">
</div>
<!-- End Left Column -->
<!-- Begin Content Column -->
<div id="content">
</div>
<!-- End Content Column -->
<!-- Begin Right Column -->
<div id="rightcolumn">
</div>
<!-- End Right Column -->
</div>
<!-- End Wrapper -->

Вот во всех браузерах типа Mozilla, Opera, NetscapeBNavigator все работает отлично,

а в IE вообще появляется вверху отступ. то есть вставляется картинка top_line.jpg и дальше появляется отступ!!! В других браузера такого нет!!! Я вообще не знаю как его убрать....

Просто очень надо чтобы везде одинаково было..

Faust · November 10, 2008

C такой проблемой встретился когда начал изучать СSS

решил ее так :

#header {
	width: 870px;
	height: 2px;
	margin: 0px;
	background-image: url(file:///D|/Projects/the%20best%20casino/images/bg/header_bg.png);
	background-repeat: no-repeat;
	font-size: 2px;
}

задал маленький размер шрифта для блока и все стало как в опере и ФФ

Edited November 10, 2008 by Faust

Whatsup · December 8, 2008

C такой проблемой встретился когда начал изучать СSS
решил ее так :
#header {
	width: 870px;
	height: 2px;
	margin: 0px;
	background-image: url(file:///D|/Projects/the%20best%20casino/images/bg/header_bg.png);
	background-repeat: no-repeat;
	font-size: 2px;
}
задал маленький размер шрифта для блока и все стало как в опере и ФФ

Зачем смотреть и выявлять по коду каждую ошибку.Воспользуйтесь обнулением стилей.

Вот первая ссылка.Не очень хорошо написано но база для раздумий есть.

http://habrahabr.ru/blogs/css/45296/

Был где то резет для разных частей.Поищи по гуглу

Sign In

Помогите пожалуйста!

Question

lily_88

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Faust

Link to comment

Share on other sites

Whatsup

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information