Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [html, css] Grid system IE, Problem w IE8 z Grid Systemem
daggerski
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 29.12.2010

Ostrzeżenie: (0%)
-----

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

Ten post edytował daggerski 7.12.2012, 13:31:53
Go to the top of the page
+Quote Post
gecior
post
Post #2





Grupa: Zarejestrowani
Postów: 63
Pomógł: 1
Dołączył: 16.08.2007

Ostrzeżenie: (0%)
-----

Możesz pokazać wystawioną stronę/przykład/linka do tego?
Go to the top of the page
+Quote Post
piotrex41
post
Post #3





Grupa: Zarejestrowani
Postów: 168
Pomógł: 26
Dołączył: 15.09.2011
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

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]-->


--------------------
www.piotrex41.pl - piotrex41 portfolio
d(-.-)b - Music is my life || PHP is my passion
Go to the top of the page
+Quote Post
Pawel_W
post
Post #4





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 12:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn