Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Problem z pozycjonowanie
Czapla
post
Post #1





Grupa: Zarejestrowani
Postów: 130
Pomógł: 3
Dołączył: 10.12.2007
Skąd: Bielsko-Biała

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


Fragment CSS:
  1. body {
  2. background-color: #000;
  3. color: #8D8D8D;
  4. font-family:"Verdana", sans-serif;
  5. }
  6.  
  7. div{
  8. background-color: #fff; /* ramka */
  9. border: solid #000 0px;
  10. margin-top: 1px;
  11. padding: 2px 2px 2px 2px
  12. }
  13.  
  14. div#pudlo {
  15. width: 500px;
  16. margin: 0 auto;
  17. }
  18.  
  19. div#v { /* vertical menu */
  20. font-size: 14px;
  21. color: #000;
  22. float: left;
  23. overflow: hidden;
  24. position: relative;
  25. }
  26.  
  27. div#tresc {
  28. font-size: 10px;
  29. color: #6E6E6E;
  30. float: right;
  31. overflow: hidden;
  32. }


HTML:

  1. <head>
  2. // meta
  3. </head>
  4. <body>
  5. <div id="pudlo">
  6. <div id='naglowek'> SITE</div>
  7. <div id='v'><a href=index.php?strona=0>CZYTAJ TO!</a><br> <a href=index.php?strona=1>KONTAKT</a><br></div>
  8. <div id="tresc">
  9. <p>In tristique convallis erat. In pharetra, ligula vitae fringilla ultrices, turpis tellus scelerisque magna, vitae imperdiet nibh quam nec justo. Etiam diam purus, vestibulum id, placerat nec, varius et, augue. Maecenas vitae nulla et est iaculis scelerisque. Mauris tempus sagittis ligula. Nunc consectetuer sem vitae nisl. Praesent sit amet turpis. Sed rutrum blandit tellus. Suspendisse in enim. Ut vel mi.</p>
  10. </div>
  11. <div id="stopka">
  12. <a href="...?subject=test">Kontakt</a> | <a href="info.php">Statystyki</a>
  13. </div>
  14. </div>
  15. </body>
  16. </html>


Problem jest: tak wyświetla mi IE

(IMG:http://images31.fotosik.pl/389/6d68fdefb8f89427m.jpg)

Tak inne przeglądarki:

(IMG:http://images31.fotosik.pl/389/7ed3f851e5aba2a9m.jpg)

Jak usunę z css:
  1. div#tresc {
  2. font-size: 10px;
  3. color: #6E6E6E;
  4. /* float: right; */
  5. overflow: hidden;
  6. }


to sytuacja jest odwrotna - wyświetla poprawnie na wszystkich przeglądarkach poza IE. W jaki sposób zrobić aby pozycjonowanie było kompatybilne na wszystkich przeglądarkach? Czy da się to zrobić bez dodawania specjalnych reguł css dla IE?

Pozdrawiam

Ten post edytował Czapla 27.10.2008, 13:57:00
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
grzesiek_g
post
Post #2





Grupa: Zarejestrowani
Postów: 249
Pomógł: 30
Dołączył: 18.07.2007

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


Sposób podany przez @_olo_1984 jest dobry, jednak kolejność plików CSS powinna być inna:
1. style dla wszystkich przeglądarek i nie dajemy tego w żadnych komentarzach warunkowych
2. style dla IE6 w komentarzu warunkowym - oczywiście tylko te które mają nadpisać style z pierwszego pliku
3. analogicznie dla IE7 jeśli zajdzie taka potrzeba

Na tym m.in. polega kaskadowość CSS.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 12.10.2025 - 07:50