ugrás a tartalomhoz

CSS: IE csak fél margót vesz, a Firefox pedig nem ismétli a hátteret

unregistered · 2006. Dec. 20. (Sze), 18.22
Szóval lenne nékem egy html oldalam:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  
  <head>
	<title>ejj</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" href="css.css" />
  </head>

  <body>
	
	<div id="center">
	  <div id="top">
		<div id="header"></div>
		<div id="menu_bg">
		  <div id="menu_2"></div>
		</div>
	  </div>
	  
	  <div id="middle">
		<div id="left">right</div>
		<div id="content"> bla </div>
		<div id="right">right </div>
	 </div>
	  
	  <div id="footer"></div>
	
	</div>
	
  </body>
</html>
meg volna a css:
#center
  {
  width: 822px; 
  position: absolute;
  left: 50%;
  margin-left: -411px;
  }
#top, #middle, #footer
  {
  margin: 0 0 0 0;
  }
#middle
  {
  width: 822px;
  height: 100%;
  background-image: url('bg.jpg');
  background-repeat: repeat-y;
  }
#header
  {
  height:118px;
  background: url('header_bg.jpg');
  background-repeat: no-repeat;
  }
#menu_bg
  {
  height:28px;
  background: url('menu2_bg.jpg');
  background-repeat: no-repeat;  
  }
#menu_2
  {
  height:28px;
  background: url('menu2_bg.jpg');
  background-repeat: no-repeat;  
  }
#left
  {
  float:left;
  width:150px;
  margin: 0 0 0 12px;
  background-color: pink;
  }
#content
  {
  float:left;
  width:490px;
  margin:0 0 0 7px;
  background-color:yellow;
  }
#right
  {
  float:left;
  width:150px;
  margin:0 0 0 13px;
  background-color:gray;
  }
#footer
  {
  clear:both;
  height: 40px;
  background: url('footer.jpg');
  background-repeat: no-repeat;  
  }
No és az lenne a két probléma hogy ha pl a margint a "left" divnél beállítom 12 px-re a firefoxnál jó lesz de az IE-nél csak a felét veszi (6px). Miért?
A másik probléma hogy (a middle divnél) a háttér ismétlődés firefoxban elmarad de ha szimán berakom akkor müxik :(

És csak érdekesség képpen hogy az utóbbi problémát címszavakban beírtam a gugliba és megtaláltam a választ is CSAK potom 12$-ért meg is vehetném a segítséget... az milyen? :D ilyet még nem láttam :)
‹ Hivatkozásra kattintáskor Firefox nem hallgat a return false-ra. DIV - tartalom és kép illesztése ›
 ■
1

müxik de nem értem :(

unregistered · 2006. Dec. 20. (Sze), 19.42
Ok megoldottam a problémákat csaknemtom miért müxik így :D... a #center-be raktam a háttérkép tulajdonságait... bár nem értem hogy miért nem volt jó helye a #middle-ben... a behúzást (ahol a pixelfelezés probléma volt) ott meg nem értem hogy ha a #middle-t húzom be akkor az miért müxk és ha simán a leftet húzom akkor meg pixelfelezi... ha valaki tudja a megoldásokat azt megköszönném :D