[HTML][CSS] Tło w div..... Opcje

[krzychu0808]

Witam.... mam pewien problem bo ustawiłem tło w głównym div strona... żeby zawsze ono było ale go niema... zobaczcie sami kiedy pole z treścią jest za krótkie dzieje się tak:

tam pod polem gdzie pisze strona w budowie powinno być szare tło w IE 6.0 jest w FF niema....
CSS:

[HTML] pobierz, plaintext 
#strona {
	width:942px;
	margin:auto;
	background-color: #1b1b19;
}
.strona {
	background-color: #1b1b19;
	width:942px;
	margin:auto;
	float:left;
}
<div id="strona">
<div class="strona">
..........................
Cała strona
...........................
</div></div>
[HTML] pobierz, plaintext 

[rzymek01]

wiem o co ci chodzi

a gdzie dajesz ten obrazek-tlo, w body?

usuń ten div class strona, bo robi to samo co div wyżej, i ten float:left, tez nie wiem po co

PS. daj pełniejszy kod, może byc na PW

[krzychu0808]

[HTML] pobierz, plaintext 
<style type="text/css">
* { margin: 0px; padding: 0px; }
body {
background : url(./images/tlo.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#strona {
	width:942px;
	margin:auto;
	background-color: #1b1b19;
}
.heder {
	width:942px;
	height: 192px;
	margin:auto;
	float:left;
    background : url(./images/1_03.jpg);
 
}
.menu {
	width:942px;
	height: 33px;
	margin:auto;
	float:left;
 
}
img {
	padding:0px;
	margin:0px;
	border: 0px;
	float:left;
}
.odstep {
	width:942px;
	height: 16px;
	margin: 0px;
	float:left;
	background-color: #1b1b19;
 
}
 
 
 
.lewa {
	width: 271px;
	float:left;
	margin: auto;
	background-color: #1b1b19;
}
 
.prawa {
	width:665px;
	float:left;
	margin: auto;
	background-color: #1b1b19;
}
 
.menu_lewa {
	width: 271px;
	height: 31px;
	margin:auto;
	float:left;
	background : url(./images/1_14.jpg);
}
 
.menu_prawa {
	width:665px;
	height: 31px;
	margin:auto;
	float:left;
	background : url(./images/1_15.jpg);
}
.menu_prawa_news {
	width:665px;
	height: 31px;
	margin:auto;
	float:left;
	background : url(./images/news.jpg);
}
.menu_prawa1 {
	margin-left :60px;
	margin-top :10px;
	padding : 0px;
	float : left;
	display: inline;
	color: #f17e31;
    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
 
}
 
.menu_lewa_tresc {
	width: 271px;
	height: 220px;
	margin:auto;
	float:left;
	background : url(./images/1_16.jpg);
}
 
.menu_prawa_tresc {
	width:665px;
	margin:auto;
	float:left;
	background : url(./images/1_17.jpg);
	color: #757575;
    font-family: tahoma;
    font-size: 11px;
}
 
.menu_prawa_tresc1 {
	margin-left :30px;
	margin-top :5px;
	padding : 0px;
	float : left;
	display: inline;
	color: #757575;
    font-family: tahoma;
    font-size: 11px;
}
 
 
.menu_lewa_dol {
	width: 271px;
	height: 16px;
	float:left;
	background : url(./images/1_24.jpg);
	margin: 0px; padding: 0px;
 
 
}
 
.menu_prawa_dol {
	width:665px;
	height: 16px;
	float:left;
	background : url(./images/1_22.jpg);
	margin: 0px; padding: 0px;
 
 
}
.odstep2 {
	width:941px;
	height: 16px;
	margin: 0px;
	float:left;
	background-color: #1b1b19;
}
.stopka {
	width:942px;
	height: 35px;
	margin:auto;
	float:left;
	background : url(./images/1_26.jpg);
	display: inline;
	position: relative;
}
.logowanie {
	margin-left :720px;
	margin-top :70px;
	padding : 0px;
	float : left;
	display: inline;
	color: #d35900;
    font-family: tahoma;
    font-size: 13px;
 
}
 
.logowanie1 {
	margin-left :43px;
	margin-top :10px;
	float : left;
	display: inline;
 
}
.logowanie2 {
	color: #d35900;
    font-family: tahoma;
    font-size: 11px;
 
}
.logowanie_blad {
	float : left;
	color: #ff0000;
    font-family: tahoma;
    font-size: 11px;
 
}
input {
  border : 1px solid #cccccc;
   background-color : #343434;
  color: #e1e1e1;
  font-family : Verdana, serif;
  font-size : 11px;
  font-weight : normal;
 
}
textarea {
  background-color : #343434;
  color: #e1e1e1;
  font-family : Verdana, serif;
  font-size : 11px;
  font-weight : normal;
  border-color : #cccccc;
  border-style : solid;
  border-width : 1px;
}
select {
  background-color : #343434;
  color: #e1e1e1;
  font-family : Verdana, serif;
  font-size : 11px;
  font-weight : normal;
  border-color : #cccccc;
  border-style : solid;
  border-width : 1px;
}
.blad1 {
	color: #ff0000;
    font-family: tahoma;
    font-size: 11px;
}
a.link1 {
text-decoration: none;
color: #d35900;
}
:hover.link1  {
text-decoration: none;
color: #343434;
}
</style>
</head>
<body>
 
 
 
 
 
 
 
<div id="strona">
<div class="strona">
<div class="heder">
<? include("./logowanie.php"); ?>
</div>
<div class="menu">
<img alt="tutoriale.elaz.eu" src="./images/1_05.jpg">
<a href="index.php"><img alt="tutki" title="Strona Główna" src="./images/1_06.jpg"></a>
<img alt="tutoriale" title="Forum" src="./images/1_07.jpg">
<img alt="photoshop" title="Download" src="./images/1_08.jpg">
<img alt="tutoriale photoshop" title="Tutoriale" src="./images/1_09.jpg">
<img alt="tutorial" title="Dodaj Tutoriala" src="./images/1_10.jpg">
<a href="index.php?action=rejestracja"><img alt="rejestracja" title="Rejestracja" src="./images/1_11.jpg"></a>
<img alt="tut"  src="./images/1_12.jpg">
</div> 
<div class="odstep"></div>
<div class="lewa"> 
 
<div class="menu_lewa"></div>
<div class="menu_lewa_tresc"></div>
<div class="menu_lewa_dol"></div>
 
 
</div> 
 
<div class="prawa">
<?php include("./podstrony_prawa.php");
?>
</div> 
<div class="odstep2"></div>
<div class="stopka"></div>
</div> 
</div> 
</body>
</html>
[HTML] pobierz, plaintext 

[rzymek01]

ten css mi się nie podoba, wszędzie margin:auto, i float:left

rozwiązanie to dodanie przed

Kod

<div class="odstep2"></div>

tego:

Kod

<div style="clear:both;"></div>

PS. pamiętaj, że jak chcesz wyśrodkowac stronę w IE to musisz dać div'a (wyżej od containera) ze stylem text-align:center;

Ten post edytował rzymek01 18.08.2008, 13:42:25