Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html, css] Grid system IE
Forum PHP.pl > Forum > Po stronie przeglądarki
daggerski
7.12.2012, 13:29:52
Witam mam problem z IE. Mianowicie strona mi się całkowicie rozjeżdża w IE natomiast w firefoxie i chromie wszystko poprawnie działa.

Najdziwniejsze jest dla mnie to, że nie działa mi width:100%;

Kod poniżej:


[HTML] pobierz, plaintext 
  1. <body>
  2.  
  3. 	<header>
  4. 			<div id="borderek"></div>
  5.  
  6. 		<div class="container container_16">
  7. 			<div class="grid_5" style="">
  8. 				<img src="/media/layout/images/logo2.png" alt="Logo" class="LogoHeader" width="245" />
  9. 			</div>
  10.  
  11. 			<div class="grid_11" style="">
  12. 				<div style="width:620px;height:150px;" class="BigAd">
  13.  
  14. 				</div>
  15. 			</div>
  16.  
  17. 		</div>
  18. 		</header>
  19.  
  20.  
  21.  
  22. 	<section id="menu">
  23. 		<div class="container container_16">
  24.  
  25. 			<div class="grid_11">
  26.  
  27.  
  28. 	<nav id="main">
  29. 		<ul id="mainMenu">
  30. 			<li style="padding-left:24px;"><a class="highlight" href="/">Home</a></li>
  31. 			<li><a class="highlight" href="/news">Newsy</a></li>
  32. 			<li><a class="highlight" href="/artykuly">Artykuły</a></li>
  33. 			<li><a class="highlight" href="/relacje">Relacje</a></li>
  34. 			<li><a class="highlight" href="/edukacja">Edukacja</a></li>
  35. 			<li><a class="highlight" href="/dojazd">Dojazd</a></li>
  36. 			<li><a class="highlight" href="/forum">Forum</a></li>
  37. 		</ul>
  38. 	</nav>
  39. </div>
  40.  
  41. 		<div class="grid_5">
  42. 						<nav id="LogBar">
  43. 		<div id="button1" style="background:url('/media/layout/images/user/register2.png');width:100px;height:35px;float:left;"><p class="button1"><a class="highlight2" href="/auth/"></a></p></div>
  44. 		<div id="button2" style="background:url('/media/layout/images/user/login2.png');width:100px;height:35px;float:right;"><p class="button2"><a class="highlight2" href="/auth/login"></a></p></div>
  45. 	</nav>
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54. 			</div>
  55.  
  56. 		</div>
  57. 	</section>
  58.  
  59.  
[HTML] pobierz, plaintext


style

http://pastebin.com/UFT51tj7 (bez kodu z 960.gs)


Generalnie dla div#borderek ten width:100% działa, jednak już dla headera i dla menu nie bardzo.....

Pozdro i proszę o pomoc
gecior
10.12.2012, 13:50:27
Możesz pokazać wystawioną stronę/przykład/linka do tego?
piotrex41
10.12.2012, 17:57:49
Stary IE ma problem nawet z odpowiednim wyświetlaniem DIVów. Spróbuj dodać to przed stylami: U mnie w większości pomaga smile.gif
Kod
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
Pawel_W
10.12.2012, 18:46:14
do tego w css
[HTML] pobierz, plaintext 
  1. article,aside,details,figcaption,figure,
  2. footer,header,hgroup,menu,nav,section { 
  3. 	display:block;
  4. }
[HTML] pobierz, plaintext
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.