Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML]problem z pocyjonowaniem strony w IE
dawidoff86
post
Post #1





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 17.02.2010

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

Witam!
dopiero rozpoczynam swoją przygodę z html i css i mam problem z pozycjonowaniem elementów. chodzi mi mianowicie o to, aby mieć ułożone 3 elementy obok siebie, tak aby środkowy z nich miał rozmiar np 1000pixeli a pozostałe dwa dostosowywały swój rozmiar do rozdzielczości do ekranu.
mój kod wygląda następująco:
[CSS] pobierz, plaintext 
  1. html, body {
  2. 	background-color: #ff0;
  3. 	color: #000;
  4. 	margin: 0;
  5. 	padding: 0;
  6. }
  7.  
  8. #lewy {
  9. 	width: 50%;
  10.         float: left;
  11. 	overflow: hidden;
  12. 	position: relative;
  13. 	background-color: #ccc;
  14. }
  15.  
  16. #prawy {
  17. 	width: 50%;
  18.         float: right;
  19. 	overflow: hidden;
  20. 	position: relative;
  21. 	background-color: #ccc;
  22. }
  23.  
  24. /* --------- rozmiar strony i regionow -------------------- */
  25. #strona{
  26.         width: 1000px;
  27. 	background-color: #f00;
  28.         position: relative;
  29.         text-align: left;
  30.         margin: 0 auto 0 auto;
  31. }
[CSS] pobierz, plaintext

kod html oczywiście także nie jest zbyt rozbudowany:
[HTML] pobierz, plaintext 
  1.     <body>
  2.         <div id="lewy">Lewy</div>
  3.         <div id="prawy">Prawy</div>
  4.         <div id="strona">
  5.             <div id="regoin_gorny">nagłówek</div>
  6.             <div id="region_lewy">lewy</div>
  7.             <div id="region_prawy">prawy</div>
  8.             <div id="region_srodkowy">tresc</div>
  9.             <div id="region_dolny">stopka</div>
  10.         </div>
  11.     </body>
[HTML] pobierz, plaintext


w ff otrzymuje:
(IMG:http://img28.imageshack.us/img28/12/85474367.jpg)

natomiast ie wykrzacza się kompletnie nad tym:
(IMG:http://img262.imageshack.us/img262/3635/54157443.jpg)
Go to the top of the page
+Quote Post
thek
post
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
Poczytaj o fluid layouts to Ci się wyjaśni wiele (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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: 23.08.2025 - 14:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn