Witam mam problem z css, chciałbym zeby bok menu strony i jak zawarość była do końca strony ale pojawia mi się pasek zboku i nie wiem jak to skasować

KOD:

[PHP] pobierz, plaintext 
<div id="container">
<div id="header">
Nagłówek
</div>
<div id="sidebar">
BOK
</div>
<div id="content">
Główna zawartość
</div>
[PHP] pobierz, plaintext 

KOD CSS:

[PHP] pobierz, plaintext 
#container {
width:100%;
background-color: rgb(40,70,120);   
margin:0 auto;
height:100%;
min-height:100%;
 
}
 
#content {
    float:left;
    width:620px;
}
 
#sidebar {
    float:left;
    width:340px;
    background-color:red;
    height:100%;
}
 
html, body{
height: 100%; width: 100%;
margin: 0px; padding: 0px;
} 
 
#header{
top:0px;
width:100%;
background-color:#1D1D1F;
height:30px;
}
[PHP] pobierz, plaintext 

Prosze o pomoc zeby to nie wychodziło poza okno i pasek zniknął z góry dzięki

Chętnie pomogę jak napiszesz dokładnie o co Ci chodzi, bo nic z tego nie zrozumiałem.

po prostu chce zeby ten header był na górze strony i miał 30 px a reszta panel boczny i content był na całą strone rozszerzony nie wiem jak to powiedziec ;D

Skoro Ty nie wiesz jak to powiedzieć, to jak my mamy wiedzieć jak to zrobić?

Nie wiem czy dobrze rozumiem, ale skoro masz lewą kolumnę z menu o szerokości zadanej 340px a prawą z kontentem na 620px to 340+620=960px. Przy tej szerokości ekranu dopiero content będzie opływał kolumnę lewą z menu. W przeciwnym wypadku nie mieści się na ekranie i przechodzi na dół. Nie wiem jak chcesz zrobić żeby mieściło się na całą szerokość ekranu skoro zadajesz na stałe wartości, które to uniemożliwiają. Jak chcesz to daj na kolumne z menu width: 30%, a na content width: 70% i będziesz miał wtedy zawsze 100% szerokości ekranu wykorzystane przez przeglądarkę.

Jeżeli nie o to Ci chodziło to już sam nie wiem o co.

dziękuje z a pomoc , już sobie poradziłem i dzięki za uwagi