Forum PHP.pl

hmm strona powinna wygladac tak:



i tak wyglada pod Operą i Firefoxem wszytko ładnie elegancko sie wyświetla...

natomiast pod IE wyglada to tak:



i nie wiem jak zrboic aby w IE tez sie wyswietlalo poprawnie... powie mi ktoś gdzie zrobiłem błąd?


plik css:

[HTML] pobierz, plaintext 
#glowne {
	width: 800px;
	height: 100%;
 
	border: 1px solid #000000;
 
}
 
#logo {
	width: 324px;
	height: 143px;
	background-image:url('gfx/da_logoa.png');
	border-right: 1px solid #000000;
 
}
 
#ostatni {
	float: right;
	width: 475px;
	height: 44px;
	background-image:url('gfx/da_ostatni.png');
	border-bottom: 1px solid #000000;
 
}
 
#ostatni_1 {
	float: left;
	color: #FFFFFF;	
}
 
#menu {
	float: right;
	width: 475px;
	height: 31px;
	border-bottom: 1px solid #000000;
 
}
 
#snews {
	float: right;
	width: 475px;
	height: 65px;
	background-image:url('gfx/snews.png');
	border-bottom: 1px solid #000000;
 
}
 
#snews_2 {
	margin-top: 8px;
	width: 455px;
	height: 47px;
	color: #FFFFFF;
	background-image:url('gfx/snews20.png');
	border: 1px solid #404040;
 
}
[HTML] pobierz, plaintext 

plik html

[HTML] pobierz, plaintext 
<div align="center">
<div id="glowne"><div id="ostatni"><div id="ostatni_1"><p align="justify" style="margin: 10px 10px;">Ostatni projekt:<br>Kawalerka-Gdynia Wzgórze św. Maksymiliana</p></div><div><p align="justify" style="margin: 4px 3px;"><img src="gfx/demo1.png"></p></div></div>
<div id="menu">
  <div align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','gfx/news1a.png',1)"><img src="gfx/news1.png" name="Image2" width="119" height="31" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','gfx/projekty1a.png',1)"><img src="gfx/projekty1.png" name="Image3" width="119" height="31" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','gfx/omnie1a.png',1)"><img src="gfx/omnie1.png" name="Image4" width="119" height="31" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','gfx/kontakt1a.png',1)"><img src="gfx/kontakt1.png" name="Image5" width="118" height="31" border="0"></a></div>
</div>
<div id="snews">
  <div id="snews_2">
    <div>
      <div align="left">News:<br>Wieżowce Manhattanu we Wrzeszczu | Z widokiem na morze | Tajemnica miasta</div>
    </div>
  </div>
</div>
  <div align="left">
  <div id="logo"></div>
 
  </div>
</div>
 
</div>
[HTML] pobierz, plaintext 

zamiast
align="center"
używaj
margin: 0px Auto; // 0px to tylko przykładowa wartość

zamiast
align="left/right"
używaj odpowiednio float i clear

niestety, badzIEwIE różnie sobie float interpretuje :]
pozostaje wymyśleć dobry układ i przelać go na css :]

problem w tym ze to niezabaardzo chce działać ;/

Float: left powinno załatwić całkowicie sprawe. Zakładając, że są to dwa obrazki wystarczy float: left. Jak kilka to też - każdyemu dajesz float left. Popróbuj - zadziała.

Podaj link do przykładu, tak będzie nam łatwiej (szybciej) dojść co jest nie tak..