2011-10-26 3 views
0

基本的ですが迷惑です。私の人生のために、ページの上部と側面の白い罫線を取り除く方法を考えることはできません。事前のおかげでHTMLボーダーを削除

<head> 
<style type="text/css"> 

.rightBar { 
    background-color: #596a87; 
    overflow: auto 
} 

.leftBar { 
    background-color: #54ff37; 
    position: relative; 
} 

</style> 

私はCSSで行う必要があるものがありますか?

</head> 

またはbody/divsの内容は?

<body> 

<div id="main" style="position:static;"> 
<div class="leftBar" style="height:100%;width:50%;position:fixed"></div> 

<div class="rightBar" style="padding:6px;height:100%;width:49.5%;position:relative;left:50%;" id="rightContent"> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
1<br /> 
2<br /> 
3<br /> 
4<br /> 
5<br /> 
6<br /> 
7<br /> 
8<br /> 
9<br /> 
10<br /> 
10<br /> 
</div> 

</div> 

</body> 
</html> 

答えて

3
html, body {margin: 0; padding: 0; } 

私はほとんどのブラウザは、ウェブサイトへのマージンとパディングを追加すると思います。あなたがそれを必要としない場合は、CSSまたはページで指定する必要があります。

1

私はあなたが探しているものを理解していれば、あなたはあなたのスタイルにこのような何かを追加する必要があります追加

:root, body { margin: 0; padding: 0; } 
+0

天才、おかげで(:私はできる – jacktheripper

+0

が受け入れます – jacktheripper

0

は試してみてください。ちなみに

html, body { 
margin:0; 
padding:0; 
} 

、それが証明するかもしれませんnormalize cssリセットシートなどのリセットシートをプロジェクトに追加すると便利です。そのようにすると、すべてのデフォルト値(通常のタグの余白やパディングなど)がリセットされ、スティッキーになることがありますより正確にそれらをあなた自身に知らせる。

0

さらに複雑な解決策は、CSS RESETスタイルシートを使用してベンダー固有のデフォルトをすべて削除することです。上記の10ピクセルのマージンがその中にあります。

私はEric Meyerがこれを最初に実装したと信じていますが、現在は一般的な方法です。長所と短所があり、セレクタやプロパティのすべてがいずれかのサイトに必要というわけではありません。 CSSなので、あなたのニーズに合ったものを判断するのは簡単です。

meyerweb:http://meyerweb.com/eric/tools/css/reset/

関連する問題