Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] IE ma problem :)
Forum PHP.pl > Forum > Przedszkole
studio.php
11.03.2009, 20:41:00
http://www.activeimpulse.pl/webmaster/# <-- tutaj można zlukać co jest nie tak pod IE a jak wygląda pod FF

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  4. <meta name="description" content="Clanpage using webSPELL 4 CMS">
  5. <meta name="author" content="webspell.org">
  6. <meta name="keywords" content="webspell, webspell4, clan, cms">
  7. <meta name="copyright" content="Copyright Š 2005 by webspell.org" />
  8. <meta name="generator" content="webSPELL" />
  9.  
  10. <!-- Head & Title include -->
  11. <title><? echo PAGETITLE; ?></title>
  12. <link href="_stylesheet.css" rel="stylesheet" type="text/css">
  13.  
  14.  
  15. </head>
  16.  
  17. <body>
  18.  
  19.   <div id='main'>
  20.  
  21.       <div id='left'>&nbsp;</div>
  22.  
  23.        <div id='center'>
  24.         <div id='head'>
  25.          <div id='kont'>
  26.           <div id="menu">
  27.        <ul class="b1a"><a href="#"><img src="images/layout-_08.gif" border='0' alt="0" /></a></ul> 
  28.        <ul class="b2a"><a href="#"></a></ul> 
  29.        <ul class="b3a"><a href="#"></a></ul> 
  30.        <ul class="b4a"><a href="#"></a></ul> 
  31.        <ul class="b5a"><a href="#"></a></ul> 
  32.        <ul class="b6a"><a href="#"></a></ul> 
  33.        <ul class="b7a"><a href="#"></a></ul>
  34.         <div id='menu2'>&nbsp;</div>
  35.         </div>
  36.  
  37.         </div>
  38.         </div>
  39.  
  40.         <div id='site'>
  41.           <div id='value'>
  42.       <div id='leftmenu'>
  43.       <div class='p'><img src='images/layout-_29.gif' />OSTATNIE DEMA</div>
  44.  
  45.      <div class='p'><img src='images/layout-_67.gif' />OSTATNIE SUKCESY</div>
  46.  
  47.      <div class='p'><img src='images/layout-_72.gif' />COVARGE</div>
  48.  
  49.      <div class='p'><img src='images/layout-_77.gif' />POLECAMY</div>
  50.  
  51.      <div class='p'><img src='images/layout-_82.gif' />STATY</div>
  52.  
  53.      <div style='height: 100%; background-image: url(images/layout-_90.gif);'><img src='images/layout-_88.gif'></div>
  54.       </div>
  55.           <div id='search'><img src='images/layout-_30.gif' /></div>
  56.           </div>
  57.         </div>
  58.  
  59.        </div>
  60.  
  61.       <div id='right'>&nbsp;</div>
  62.  
  63.   </div>
  64.  
  65.  
  66. </body>
  67. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. body{
  2.      background-image: url(images/bg.jpg);
  3.      margin-top: 0px;
  4.      margin-bottom: 0px;
  5.      text-align: center;
  6. }
  7.  
  8. #main{
  9.       width: 937px;
  10.       height: 100%;
  11.       margin-right: auto;
  12.       margin-left: auto; 
  13. }
  14.  
  15. #left{
  16.       width: 31px;
  17.       height: 100%;
  18.       float: left;
  19.       overflow: hidden;
  20.       background-image: url(images/layout_04.gif);
  21.       background-repeat: repeat-y;
  22. }
  23.  
  24. #center{
  25.           width: 875px;
  26.           height: 100%;
  27.           float: left;
  28.           overflow: hidden;
  29. }
  30.  
  31. #head{
  32.       position: relative;
  33.       float: left;
  34.       background-image: url(images/logo.gif);
  35.       background-repeat: repeat-y;
  36.       height: 169px;
  37.       width: 875px;
  38. }
  39. #kont{
  40.   padding-left: 13px;
  41.     position:relative;
  42. }
  43. #menu ul{
  44.   display: inline;
  45.   float: left;
  46.   padding: 130px 0px 0px 4px;
  47.   margin: 0px 0px 0px 0px;
  48.   position:relative;
  49. }
  50. #menu2{
  51.   float: left;
  52.   clear: both;
  53.     position:relative;
  54.   background-image: url(images/layout-_26.gif);
  55.   background-repeat: no-repeat;
  56.  margin-left: 4px;
  57.  
  58.   height: 10px;
  59.   width: 875px;
  60. }
  61.  
  62. #site{
  63.       background-image: url(images/layout-_117.GIF);
  64.       width: 875px;
  65.       height: 100%;
  66.       overflow: hidden;
  67.       float: left;
  68. }
  69.  
  70. #value{
  71.        background-image: url(images/layout-_118.GIF);
  72.          background-repeat: no-repeat;
  73.          position: relative;
  74.          width: 875px;
  75.        height: 100%;
  76.        overflow: hidden;
  77.        float: left;
  78. }
  79. #leftmenu{
  80.        background-image: url(images/layout-_90.gif);
  81.        background-repeat: repeat-y;
  82.        position: relative;
  83.        float: left;
  84.        height: 100%;
  85.        width: 197px;
  86.        margin-top: 2px;
  87.        margin-left: 15px;
  88.  
  89. }
  90. #search{
  91.   float: left;
  92.   text-align: left;
  93.   overflow: hidden;
  94.   width: 640px;
  95.   height: 24px;
  96.   margin-left: 5px;
  97.   background-image: url(images/layout-_31.gif);
  98. }
  99. #right{
  100.        width: 31px;
  101.        height: 100%;
  102.        float: right;
  103.        overflow: hidden;
  104.        background-image: url(images/layout_05.gif);
  105.        background-repeat: repeat-y;
  106. }
  107. .p{
  108. margin: 0px;
  109.  
  110. width: 197px;
  111.  
  112. text-align: left;
  113. background-image: url(images/layout-_64.gif);
  114.  
  115. }
[HTML] pobierz, plaintext
Lion_87
11.03.2009, 22:05:04
No a nie możesz opisać dokładnie jaki problem mam sie domyślać że chodzi o przesunięcie? Może zmniejsz margin-left po IE?

@DOWN - no wiesz świata tym nie zbawisz ale kilka literek na klawiaturze stuknąć to chyba nie problem...
@DOWN2 - JA? To Ty go robisz happy.gif
studio.php
11.03.2009, 22:27:32
po to podałem link żeby każdy mógł zobaczyć i zrozumieć problem ... blinksmiley.gif

nie rób of topa tongue.gif
slewin
12.03.2009, 00:04:13
IE ma problem ? hmm u mnie nie
Ale FF ma problem

Zauważyliście że ucina te paski po bokach w miejscu gdzie zaczyna się pasek stanu <lol> .
Jak dla mnie FF ma problem z odczytaniem stylu , może wywal parametr
Kod
height: 100%;
z #left i #right
ShadowD
12.03.2009, 00:16:17
Jak chodzi o brak pasków to problem jest z pozycjonowaniem konkretniej z float, by to naprawić trzeba dodać na dole div z styla clear:both;...
studio.php
12.03.2009, 16:05:14
Jak wywale Height 100 % to wogóle nie będzie tego wyświetlało a jak dodaje clear:both; to sie psują te paski smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.