Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: styl CSS "nie łapie"
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Yacho
25.02.2008, 00:31:54
Chlopaki az sie glupio pytać ale :
jest taki HTML :
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
  6. <title>testowa strona z divami :)</title>
  7. </head>
  8. <body>
  9. <div id="cont">
  10. 	<div id="top">
  11. 	</div>
  12. 	<div id="quote">
  13. 	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nulla urna, pulvinar eu, pretium eu, imperdiet vel, pede. Nam vestibulum feugiat ipsum. Duis fringilla cursus nisi. Proin nec neque ac.
  14. 	</div>
  15. </div>
  16. </body>
  17. </html>
[HTML] pobierz, plaintext


i Taki CSS :
[HTML] pobierz, plaintext 
  1. @CHARSET "UTF-8";
  2. <!--[if IE]>
  3. body {
  4. 	text-align: center;
  5. }
  6. <![endif]-->
  7. div#cont {
  8. 	width: 80%;
  9. 	margin: auto;
  10. 	background-color: #FF0000;
  11. }
  12. div#top {
  13.  
  14. }
  15. div#quote {
  16. 	width: 50%;
  17. 	margin: auto;
  18. 	text-align: center;
  19. }
[HTML] pobierz, plaintext


I jakbym nie kombinował div cont nie dostaje tego stylu. Gdzie sie walnąłem ?
Toadstyle
25.02.2008, 00:48:03
<!--[if IE]>
body {
text-align: center;
}
<![endif]-->

^to chyba niejest ci potrzebne
napisz poprostu
body {text-align:center;}

a pozniej piszesz dowolne text-align dla elementow.

jezeli bedziesz tesknil to przenies to za pozostale regoly cssa. ( daj to na koniec biggrin.gif )
pozdrawiam.
Yacho
25.02.2008, 01:43:07
Co nie zmienia faktu ze ten komentarz warunkowy powinien sie dobrze parsowac - dlaczego nie dziala jak powinien ?
zmienilem sobie styl na taki :
[HTML] pobierz, plaintext 
  1. @CHARSET "UTF-8";
  2. div#cont {
  3. 	width: 80%;
  4. 	margin: auto;
  5. }
  6. div#top {
  7.  
  8. }
  9. div#quote {
  10. 	width: 50%;
  11. 	margin: auto;
  12. 	text-align: center;
  13.  
  14. }
  15. <!--[if IE]>
  16. body {
  17. 	text-align: center;
  18. 	background-color: Green;
  19. }
  20. <![endif]-->
[HTML] pobierz, plaintext

i jajco - body w IE nie jest zielone - choc powinno.
Jakies pomysły ?
Toadstyle
25.02.2008, 02:15:00
powiem szczeze - nie wiem
przegladarka nieobsluguje twojego komentarza - to napewno,
jest napisany poprawieni to tez napewno.

Moja teoria jest to ze ie nieakcjetuje cssa jako jednego ze swoich znacznikow sproboj dla przykladu dac to jaki oddzielny plik css i wstawic np


<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style-ie.css" media="screen"/>
<![endif]-->
Yacho
25.02.2008, 02:22:19
Wstawienie tak jak podałeś działa - dziwi mnie tylko dlaczego w CSS to nie działa - na wielu stronach widziałem to...
Toadstyle
25.02.2008, 02:26:55
Cytat(Yacho @ 25.02.2008, 02:22:19 ) *
Wstawienie tak jak podałeś działa - dziwi mnie tylko dlaczego w CSS to nie działa - na wielu stronach widziałem to...

Szczeze mowiac ja tez - sprobowalem u siebie i tez niedziala a google niedalo mi odpowiedzi - poszukam jeszcze ...
Yacho
25.02.2008, 02:30:08
Jedyne co mi przychodzi do glowy to to że ja otwieram plik z lokalnego file systemu - byc moze ie inaczej traktuje pliki serwowane przez apache... jutro sprawdze.
Toadstyle
25.02.2008, 02:37:11
Sprawdz jeszcze to:
<!--[if IE]>
<style>body {text-align: center;}</style>
<![endif]-->

o i jeszcze czasami skuteczniejsze jest uzycie
body {text-align:center;}
html>body body{text-align:left;}

Spowoduje to uzycie tekst align center dla wszystkich przegladarek a nastepnie zmiane na text align left dla wszystkich przegladarek obslugujacych selektor html>body
pozdrawiam
Yacho
25.02.2008, 02:39:31
Cytat(Toadstyle @ 25.02.2008, 04:37:11 ) *
Sprawdz jeszcze to:
<!--[if IE]>
<style>body {text-align: center;}</style>
<![endif]-->


w html czy w CSS ? w html musi dzialac - nie ma bata smile.gif
Toadstyle
25.02.2008, 02:57:02
Cytat(Yacho @ 25.02.2008, 02:39:31 ) *
w html czy w CSS ? w html musi dzialac - nie ma bata smile.gif

jezeli niedziala w css to by potwierdzialo moja teorie ze ie jest w stanie wstawic znacznik html a kiedy czyta z pliku css ignoruje/interpretuje komentarz w inny sposob.
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.