[HTML][CSS]Rozjechała się strona, białe tło "obok" strony Opcje

[prantan]

Cześć.

Tworzę stronę z szerokością 100% czyli na cały ekran. Wszystko było ok, ale teraz zauważyłem że na dole pokazał się suwak i mogę ją przesunąć w prawą stronę (białe tło obok normalnej strony), nawet nie wiem kiedy to się stało, coś musiałem spieprzyć. Jak usunę część tekstu to ta szerokość nieznacznie się zmniejsza, ale nie do końca. Gdzie może leżeć problem?

Pzdr

[Kshyhoo]

Mam nadzieję, że zakumasz aluzję.

[prantan]

Sorry. Nie śmiejcie się z burdelu w kodzie, jestem początkujący.

Wszystko było ok, przed paroma zmianami, ale co konkretnie to nie wiem. Może coś zmieniłem co dobrze działało i zapomniałem powrócić do poprzedniego stanu, tutaj niestety nikt nie wywróży. Dlatego jakby ktoś rzucił okiem na kod i coś zasugerował.

[CSS] pobierz, plaintext 
 
@charset "UTF-8";
/*
Notatki
 */
 
 
 
 .container 
{
    width: 100%;
    height: 200px;
    margin: 0 auto;    
    overflow: hidden;
}
 
 .kontener 
{
    width: 100%;
    height: 92px;
    margin: 0 auto;    
    overflow: hidden;
    display: inline;
}
 
p {
padding-left: 8px;
padding-right: 8px;
font-family: Arial,Helvetica,Verdana,FreeSans,sans-serif;
font-style: italic;
font-size: 12px;
text-shadow: 0 0 1px rgba(0,0,0,0.5);
}
 
div.dziewcze img {
margin-left: 10%;
}
 
div.pierwszy img {
width: 20%;
height: 84px;
margin-top: 4px;
margin-left: 4%;
position: relative;
float: left;
 
}
 
.ptaszek {
  color: green;
  font-size: 19pt;
}
 
div.drugi img {
width: 20%;
height: 84px;
margin-top: 4px;
margin-left: 4%;
position: relative;
float: left;
 
}
 
div.trzeci img {
width: 20%;
height: 84px;
margin-top: 4px;
margin-left: 4%;
position: relative;
float: left;
 
}
 
div.czwarty img {
width: 20%;
height: 84px;
margin-top: 4px;
margin-left: 4%;
position: relative;
float: left;
 
}
 
div#farleft 
{
    width: 20%;
    height: 144px;
    margin-right: 4%;
    margin-left: 4%;
    margin-top: 8px;
    background: #cee0d2;    
    float: left;
    overflow: auto;
 
}
 
div#left 
{
    width: 20%;
    height: 144px;
    margin-right: 4%;
    margin-top: 8px;
    background: #cee0d2;    
    float: left;
    overflow: auto;
}
 
div#right 
{
    width: 20%;
    height: 144px;
    margin-left: 0%;
    margin-top: 8px;
    background: #cee0d2;    
    float: left;
    overflow: auto;
}
 
div#farright 
{
    width: 20%;
    height: 144px;
    margin-left: 4%;
    margin-top: 8px;
    background: #cee0d2;
    float: left;
    overflow: auto;
}
 
 
 
 
 @font-face { 
font-family: 'Twentieth Century MT Condensed'; 
src: url('webfonts/twc/twentieth_century_mt_condensed.eot'); 
src: url('webfonts/twc/twentieth_century_mt_condensed.eot?#iefix') format('embedded-opentype'), 
url('webfonts/twc/twentieth_century_mt_condensed.svg#Twentieth Century MT Condensed') format('svg'), 
url('webfonts/twc/twentieth_century_mt_condensed.woff') format('woff'), 
url('webfonts/twc/twentieth_century_mt_condensed.ttf') format('truetype'); 
font-weight: normal; 
font-style: normal;
}
 
@font-face { 
font-family: 'Brush Script Std Medium'; 
src: url('webfonts/bssm/brush_script_std_medium.eot'); 
src: url('webfonts/bssm/brush_script_std_medium.eot?#iefix') format('embedded-opentype'), 
url('webfonts/bssm/brush_script_std_medium.svg#Brush Script Std Medium') format('svg'), 
url('webfonts/bssm/brush_script_std_medium.woff') format('woff'), 
url('webfonts/bssm/brush_script_std_medium.ttf') format('truetype'); 
font-weight: normal; 
font-style: normal;
}
 
@font-face { 
font-family: 'Brush Script MT Italic'; 
src: url('webfonts/bsmti/brush_script_mt_italic.eot'); 
src: url('webfonts/bsmti/brush_script_mt_italic.eot?#iefix') format('embedded-opentype'), 
url('webfonts/bsmti/brush_script_mt_italic.svg#Brush Script MT Italic') format('svg'), 
url('webfonts/bsmti/brush_script_mt_italic.woff') format('woff'), 
url('webfonts/bsmti/brush_script_mt_italic.ttf') format('truetype'); 
font-weight: normal; 
font-style: normal;
}
 
@font-face {
    font-family: 'garineldoregular';
    src: url('webfonts/g/garineldo.eot');
    src: url('webfonts/g/garineldo.eot?#iefix') format('embedded-opentype'),
         url('webfonts/g/garineldo.woff') format('woff'),
         url('webfonts/g/garineldo.ttf') format('truetype'),
         url('webfonts/g/garineldo.svg#garineldoregular') format('svg');
    font-weight: normal;
    font-style: normal;
 }
 
 div.logo {
 color: #000000;
 font-size: 32pt;
 font-family: Brush Script Std Medium;
 white-space:nowrap;
 position: relative;
 top: -10px; 
 left: 120px; 
 
}
 
 div.czerwony_napis {
 color: #990101;
 font-size: 60pt;
 text-align: center;
 font-family: Twentieth Century MT Condensed;
 white-space:nowrap;
 position: relative;
 top: -10px; 
 }
 
 div.niebieski_napis {
 color: #013366;
 font-size: 30pt;
 text-align: center;
 font-family: Twentieth Century MT Condensed;
 white-space:nowrap;
 position: relative;
 top: -40px; 
 line-height: 35px;
 }
 
 div.info2_text {
 color: #000000;
 font-size: 30pt;
 left: 16%;
 font-family: garineldoregular;
 font-weight: bolder;
 white-space:nowrap;
 position:relative;
}
 
 div.info2_text2 {
 color: #000000;
 font-size: 24pt;
 left: 35%;
 top: -15%;
 font-family: garineldoregular;
 font-weight: bolder;
 white-space: nowrap;
 position: relative;
}
 
  div.opinia_naglowek {
 color: #000000;
 font-size: 32pt;
 text-align: center;
 font-family: Brush Script MT Italic;
 white-space:nowrap;
 position: relative;
 top: -9px;
 
 }
 
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%; 
}
 
.content {
	min-height: 100%;
	position: relative;
	overflow: auto;
	z-index: 0; 
}
 
.background {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}
 
 
 
#header {
	width: 100%;
	height: 40px;
	background-color: #add140;
}
 
#header2 {
	width: 100%;
	height: 30px;
	background-color: #ebf8c2;
}
 
#line {
	width: 100%;
	height: 2px;
	background-color: #dbf395;
}
 
#info1 {
	width: 100%;
	height: 150px;
	background-color: #ffffff;
}
 
 
 
#info2 {
	width: 100%;
	height: 150px;
	background-color: #ffffff;
}
 
 
 
#oferta {
	width: 100%;
	height: 450px;
	background-color: #ffffff;
}
 
 
 
#opinie {
	width: 100%;
	height: 40px;
	background-color: #ffffff;
 
}
 
#opinie_tlo {
	width: 100%;
	height: 160px;
	background-color: #f8f8f9;
}
 
#reszta_opinii {
	width: 100%;
	height: 40px;
	background-color: #ffffff;
}
 
#reszta_opinii_tlo {
	width: 100%;
	height: 92px;
	background-color: #f8f8f9;
}
 
 
 
#footer {
	width: 100%;
	height: 100px;
	background-color: #add140;
}
 
div.copyright {
font-size: 10pt;
text-align: center; 
padding-top: 80px;
}
 
 
/*
Klasa podstrony
 */
#regulamin {
	width: 100%;
	height: 1000px;
	background-color: #ffffff;
  }
 
 
[CSS] pobierz, plaintext 

[nospor]

A co nam po samym css?? NIe sadzisz ze byloby najlepiej jakbys podal linka do strony?

[prantan]

Spoko dzięki. Pewnie że byłoby lepiej tylko że ona jest na kompie do ćwiczeń, nie w sieci z przeznaczeniem do publikacji. Już się uporałem z problemem, wystarczyło wycinać po kawałku atrybuty z html i po sznurku dojść do problemu. Cześć!

p.s Problem polegał na odległościach elementów tekstowych od krawędzi typu padding, margin i inne duperelki.

Ten post edytował prantan 6.03.2014, 18:01:34