Я проектирую довольно простой веб-сайт, но, поскольку у меня нет большого опыта, у меня очень простой вопрос.Я сделал макет таким образом, чтобы отображать всю необходимую информацию без необходимости прокрутки вниз.Но по какой-то причине это там.CSS сайта выглядит следующим образом:
@charset "utf-8";
/* CSS Document */
html {height:100%;width:100%; margin:0;}
body{
height:65%;
font-size:100%;
font-family:Calibri;
background-image:url(/images/gradient.png);
background-repeat:repeat-x;
background-color:#FFF0;
color:#00080;
margin-left:15%;
margin-top:3%;
margin-right:15%;
width:65%;
}
#banner {
height:40%;
background: url(/images/banner.jpg) right scroll no-repeat;
}
#left_container{
width:20%;
height:80%;
}
#left_container img{
width:100%;
}
a{
text-decoration:none;
color:#FFF;
border:none;
}
#menu{
width:100%;
height:85%;
font-size:120%;
}
#menu td{
background:#999;
color:#FFF;
padding:4%;
}
#menu tr td a:hover{
background:#CCC;
color:#333;
}
#right_container{
width:75%;
height:auto;
position:relative;
left:+26%;
top:-80%;
}
#right_container h2{
font-size:300%;
}
#right_container h3{
font-size:200%;
}
Но веб-сайт выглядит следующим образом (и прокрутка появляется, когда я устанавливаю размер title_ hometain_2 right_container в CSS больше 190% ....но мне нужно, чтобы он был как я установил ... или он будет маленьким). Как я могу удалить полосу прокрутки?
image -> http://i29.tinypic.com/hx3uy8.jpg