CSS: IE csak fél margót vesz, a Firefox pedig nem ismétli a hátteret
Szóval lenne nékem egy html oldalam:meg volna a css: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 :)
■ - <!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>
- #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;
- }
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 :)
müxik de nem értem :(