Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html][css] Problem z wyglądem
redelek
post
Post #1





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

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

Witam,

Może ktoś mi podpowiedzieć co robię źle i dlaczego ta stronka w IE 6.0 z SP2 wygląda jak ucięta?

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=ISO8859-2">
  5.   <meta name="generator" content="PSPad editor, www.pspad.com">
  6.   <title></title>
  7. <style>
  8. body {
  9.     font: bold 14px Verdana Geneva Arial Helvetica sans-serif;
  10.     color: #d6d6d5;
  11.     text-align  : center;
  12. }
  13. #div_glowny {
  14.     background-image: url(image/logowanie2.png);
  15.     background-repeat: no-repeat; 
  16.     margin: auto;
  17.     margin-top: 100px;
  18.     border     : none;
  19.     width      : 460px;
  20.  
  21. }
  22.  
  23.  
  24. #div_prawy {
  25.     background-image: url(image/logowanie2.png);
  26.     background-repeat: no-repeat;
  27.     border        : none;
  28.     width         : 460px;
  29.     height        : 220px;
  30.     clear         : none;
  31.  
  32. }
  33.  
  34. </style>
  35. </head>
  36.   <body>
  37. <div id="div_glowny">
  38.     <div id="div_prawy"><br><br><br>
  39.     <form name="login" action="login.php" method="post">
  40.     <p>
  41.     <label>Użytkownik:</label>
  42.     <label>&nbsp;<input type="text" size="20" name="f_user"></label></p>
  43.     <p>
  44.     <label>Hasło:</label>
  45.     <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="password" size="20" name="f_passwd"></label></p>
  46.     <p><label><input value="Zaloguj się .." type="submit" name="d56b699830e77ba53855679cb1d252da"></label></p>
  47.  
  48.     </form>
  49.     </div>
  50.  
  51.  
  52.  
  53. </div>
  54.  
  55.   </body>
  56. </html>
[HTML] pobierz, plaintext


Chodzi o dolne zaokrąglenia, całe tło przygotowałem w GIMP w FF, Opera i SeaMonkey wygląda super tylko IE ją rozwala ?
Tu jest link by potestować
http://redelek.net/screen/login_test.php

Dzięki za pomoc
Redelek
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 16)
MMX3
post
Post #2





Grupa: Zarejestrowani
Postów: 155
Pomógł: 9
Dołączył: 26.01.2004
Skąd: Poznań

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

PNG 24 śię nie wyświetla kanał alpha w IE6 zamień na png8 i tak jest białe tło to schodów nie będzie widać. Albo przygotuj 2 wersje i zastosuj trick z !important w css pozdro
Go to the top of the page
+Quote Post
Kowalikus
post
Post #3





Grupa: Zarejestrowani
Postów: 111
Pomógł: 25
Dołączył: 23.07.2004

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

PNG przeźroczystośc w IE6
Go to the top of the page
+Quote Post
MMX3
post
Post #4





Grupa: Zarejestrowani
Postów: 155
Pomógł: 9
Dołączył: 26.01.2004
Skąd: Poznań

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

Nie zawsze działa js (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
iron77
post
Post #5





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 18.02.2008

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

w tym 'haku' nie trzeba wcale uzywac JS. Ja rozwiazuje problem PNGow na IE6 w nastepujacy sposob:

Kod
.elementWithPNG {
  _background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/sciezda/do/pliku/image.png');
}


trzeba tutaj uwazac tylko przy sciezce do pliku, nie dziala path relatywny do css-a, najlepiej przejsc przez wszystkie foldery od root-a w dol. Problemem moze byc rozniez to ze nie mozna ustawic background-position np. bottom. Powyzsza metoda daje obrazek z background-position:top left i background-repeat:no-repeat. Co do samego filtra DXImageTransform.Microsoft.AlphaImageLoader , odsylam na MSDN (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
.radex
post
Post #6





Grupa: Zarejestrowani
Postów: 1 657
Pomógł: 125
Dołączył: 29.04.2006

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

nie do końca. To co ty podajesz wymaga włączonego JS.
Go to the top of the page
+Quote Post
redelek
post
Post #7





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

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

Panowie jest akcja udało mi się dojść bez przerabiania rysunku.
Mam teraz tylko problem z załadowaniem odpowiedniego stylu.

Zrobiłem tak
[HTML] pobierz, plaintext 
  1. <link href="css/style.css" rel="stylesheet" type="text/css" />
  2. <!--[if lte IE 6]>
  3. <link href="css/IE_style.css" rel="stylesheet" type="text/css" />
  4. <![endif]-->
[HTML] pobierz, plaintext


Ale działa tylko IE, w FF i Opera nie pobiera stylu style.css. Czy jest jakaś instrukcja dla FF i Opera ?

Redelek
Go to the top of the page
+Quote Post
mike
post
Post #8





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Cytat(redelek @ 19.02.2008, 09:49:12 ) *
Ale działa tylko IE, w FF i Opera nie pobiera stylu style.css. Czy jest jakaś instrukcja dla FF i Opera ?
Nie ma. A po co miałaby być skoro to właśnie badzIEwIE jest jedyna przeglądarką źle interpretującą style?
Go to the top of the page
+Quote Post
redelek
post
Post #9





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

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

Cytat(mike @ 19.02.2008, 09:50:35 ) *
Nie ma. A po co miałaby być skoro to właśnie badzIEwIE jest jedyna przeglądarką źle interpretującą style?


Nie no chciałbym żeby działało w IE FF i Opera (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
mike
post
Post #10





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Cytat(redelek @ 19.02.2008, 09:55:59 ) *
Nie no chciałbym żeby działało w IE FF i Opera (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Przeciez Opera i FF czyta style.
Daj linka to Ci powiemy co źle zrobiłeś, że nie czytają.
Go to the top of the page
+Quote Post
redelek
post
Post #11





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

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

Cytat(mike @ 19.02.2008, 10:13:43 ) *
Przeciez Opera i FF czyta style.
Daj linka to Ci powiemy co źle zrobiłeś, że nie czytają.


Proszę
http://redelek.net/login/login.php

Jak jest to wpisane to w IE 6 działe, ale w FF i OPERA nie (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Redelek
Go to the top of the page
+Quote Post
mike
post
Post #12





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Cytat(redelek @ 19.02.2008, 10:22:00 ) *
Jak jest to wpisane to w IE 6 działe, ale w FF i OPERA nie (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
1. Jak odświerzysz cache to zobaczysz że to w ogóle nie nie działa nawet pod IE;
2. Stosuj ścieżki relatywne. Folder z obrazkami masz wyżej niż folder z CSS. Więc nie url(image/logowanie3.png) tylko url('../image/logowanie3.png');
Go to the top of the page
+Quote Post
redelek
post
Post #13





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

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

Cytat(mike @ 19.02.2008, 11:07:00 ) *
1. Jak odświerzysz cache to zobaczysz że to w ogóle nie nie działa nawet pod IE;
2. Stosuj ścieżki relatywne. Folder z obrazkami masz wyżej niż folder z CSS. Więc nie url(image/logowanie3.png) tylko url('../image/logowanie3.png');

No to znalazłem że skopałem
Ale czy można podłączyć dwa style i jeśli to będzie IE6 to załaduje IE_style.css a jeśli inna przeglądarka to załaduje style.css??


Redelek
Go to the top of the page
+Quote Post
mike
post
Post #14





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Cytat(redelek @ 19.02.2008, 11:10:26 ) *
Ale czy można podłączyć dwa style i jeśli to będzie IE6 to załaduje IE_style.css a jeśli inna przeglądarka to załaduje style.css??
tylko kontrolując to w PHP. Za pomocą samej przeglądarki źle to rozumiesz.
Nie jest tak że albo to, albo to.

Jeśli dasz tak:
Kod
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="css/IE_style.css" rel="stylesheet" type="text/css" />
<![endif]-->

to dla IE zostaną wczytane style style.css a później zostaną nadpisane przez style IE_style.css, natomiast da FF/Opera zostaną wczytane tylko style style.css
Go to the top of the page
+Quote Post
redelek
post
Post #15





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

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

Cytat(mike @ 19.02.2008, 11:14:33 ) *
tylko kontrolując to w PHP. Za pomocą samej przeglądarki źle to rozumiesz.
Nie jest tak że albo to, albo to.

Jeśli dasz tak:
Kod
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="css/IE_style.css" rel="stylesheet" type="text/css" />
<![endif]-->

to dla IE zostaną wczytane style style.css a później zostaną nadpisane przez style IE_style.css, natomiast da FF/Opera zostaną wczytane tylko style style.css

No nie dokońca nadpisze. Jak czytałeś problem mam z PNG i przezroczystością.
w Style.css mam tak
[HTML] pobierz, plaintext 
  1. background-image: url(../image/logowanie3.png);
[HTML] pobierz, plaintext

w IE_style.css tak
[HTML] pobierz, plaintext 
  1. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/logowanie3.png',sizingMethod='scale');
[HTML] pobierz, plaintext

I to muszę mieć bo dzięki temu mój rysunek PNG wygląda dobrze w IE 6. Problem w tym że w pierwszym stylu jest background-image a
w drugim nie ma i rysunek pozostaje bez zmian i jest kiepski zobacz sam
http://redelek.net/login/login.php

Rysunek się wczytuje ale ta opcja filter nie kuka (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Redelek

Ten post edytował redelek 19.02.2008, 11:45:24
Go to the top of the page
+Quote Post
mike
post
Post #16





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Cytat(redelek @ 19.02.2008, 11:38:27 ) *
No nie dokońca nadpisze.
Nadpisze, nadpisze. To, że źle zastosowałeś to to nie znaczy, że nie działa (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Jeżeli chcesz za pomocą komentarzy alternatywnych załatwić podmianę .png na filter to musisz zrobić tak:

Dla FF/Opera:
Kod
background: url('image/png');

Dla IE:
Kod
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png',sizingMethod='scale');
Go to the top of the page
+Quote Post
redelek
post
Post #17





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

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

Cytat(mike @ 19.02.2008, 11:54:17 ) *
Nadpisze, nadpisze. To, że źle zastosowałeś to to nie znaczy, że nie działa (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Jeżeli chcesz za pomocą komentarzy alternatywnych załatwić podmianę .png na filter to musisz zrobić tak:

Dla FF/Opera:
Kod
background: url('image/png');

Dla IE:
Kod
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png',sizingMethod='scale');


Zrobiłem jak przykazałeś (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) i nie działa w IE nie wyświetla rysunku (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Jak ja nie cierpię IE
Redelek
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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

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