 [CSS]problem z szablonem na DIVach w IE |
| [CSS]problem z szablonem na DIVach w IE |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 48 Pomógł: 0 Dołączył: 25.10.2012 Ostrzeżenie: (0%) 
 |
Witam. Stawiam pierwsze kroki w tworzeniu stron przy pomocy CSS. Mam zrobiony szablon strony w psd, pociety i zakodowany. Wszystko pieknie działa wszedzie tylko nie na IE. W innych przeglądarkach strona jest wyśrodkowana a elementy do siebie przylegają. W IE kolumna lewa od prawej sa rozjechane po obu bokach przeglądarki a nagłówek przylega do lewego boku a nie jest na środku. Nie wiem za bardzo co zrobić, co zmienić w CSS, zebys trona była wyśrodkowana a elementy do siebie przylegały, proszę o pomoc bo już tak kombinuję od jakiegoś czasu i nic. Mój kod CSS:
body { margin : auto; padding : 0px; width : 913px; background-color: #fcf7f1; scrollbar-base-color: 650c10; scrollbar-track-color: #e3d6c3; scrollbar-highlight-color: #e3d6c3; scrollbar-arrow-color: #e3d6c3; } #nagłówek { width : 913px; height: 280px; } #kolumnaLewa { width : 252px; height: 452px; float : left; background-color: #e3d6c3 } #kolumnaPrawa { width : 641px; height: 432px; float : right; padding : 20px red; background-color: #e3d6c3; background-image: url(logowp3.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center } |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 263 Pomógł: 9 Dołączył: 3.05.2009 Skąd: Wroc Ostrzeżenie: (0%)
|
spróbuj z dodaniem display:inline-table; // ew. inline // dla lewej i prawej strony
trzymaj (IMG:style_emoticons/default/wink.gif) następnym razem sprawdź wartości ponieważ jeśli dajesz np. width 100 + padding: 20 to twój box będzie miał rozmiar w przeglądarce 140 co za tym idzie przeglądarka Ci wrzuci pod spód Kod <!DOCTYPE HTML>
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Dokument bez tytułu</title> <style type="text/css"> body { margin : auto; padding : 0px; width : 913px; background-color: #fcf7f1; scrollbar-base-color: 650c10; scrollbar-track-color: #e3d6c3; scrollbar-highlight-color: #e3d6c3; scrollbar-arrow-color: #e3d6c3; } #nagłówek { width : 913px; height: 280px; clear:both; } #kolumnaLewa { width : 250px; height: 452px; float : left; display:inline-table; background-color: #e3d6c3 } #kolumnaPrawa { width : 620px; height: 432px; float : right; display:inline-table; padding : 20px; background-color: #e3d6c3; background-image: url(logowp3.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center } </style> </head> <body> <div id="nagłówek"></div> <div id="kolumnaLewa"></div> <div id="kolumnaPrawa"></div> </body> </html> Ten post edytował XP'ek 25.10.2012, 19:41:22 |
|
|
|
interu58 [CSS]problem z szablonem na DIVach w IE 25.10.2012, 12:29:32 
Damonsson Pokaż tę stronę na żywo. 25.10.2012, 12:37:13 viking Co to?
padding : 20px red;
Policz sobie: 641+252+... 25.10.2012, 13:13:46 erix ~viking - stare IE (ew. nowe w Quirks Mode) zachow... 25.10.2012, 13:40:57 interu58 padding 20 red to pomyłka jakaś.
strony jeszcze ... 25.10.2012, 19:12:50 interu58 niestety to nie działa. display:inline-table nic m... 25.10.2012, 19:58:24 XP'ek usuń display inline-table z mojego kodu i sprawdź ... 25.10.2012, 20:01:22 interu58 to nic nie daje. w innych przeglądarkach zepsuło a... 25.10.2012, 20:07:33 XP'ek a to tezeba było od razu pisać że Ci klei do przeg... 25.10.2012, 21:21:13 interu58 to też nic nie daje. prawa kolumna zlaczyła się z ... 25.10.2012, 22:15:50 b4rt3kk Tak więc nie będziesz zadowolony jak zobaczysz swo... 26.10.2012, 10:24:29 
interu58 dzięki wielkie. teraz działa. zastanawia mnie tylk... 26.10.2012, 14:25:19 b4rt3kk Cytat(interu58 @ 26.10.2012, 15:25:19... 26.10.2012, 14:29:32  |
|
Aktualny czas: 15.10.2025 - 08:02 |
