problem css i IE6 - trochę długie! - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › problem css i IE6 - trochę długie!

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 6

1. Data: 2009-06-08 19:34:10
Temat: problem css i IE6 - trochę długie!
Od: "P..." <n...@g...pl>

Witam,

Mam nietypowy problem ze stylami CSS. Nie wiem czy można osiągnąć taki
efekt aby to prawidłowo działało w IE6. No i żeby to było w miarę poprawnie.

chcę osiągnąć coś takiego (działa pod FF, Operą i IE7):
http://www.fotosik.pl/pokaz_obrazek/aa6b553a4c2b3b90
.html

pod IE6 działa to tak:
http://www.fotosik.pl/pokaz_obrazek/dc52b90c5f96721b
.html

<IMG> jest w <P> a wszystko w <DIV> o id = "page".
<IMG> jest w <P> i ma ustawiony float: left;
i ma minusowy margin-left: -150px.

KOD HTML (DOCTYPE musi taki być bo to CMS joomla :(
----------------------------------------------------
--------

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional
.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl-pl" lang="pl-pl"
dir="ltr" >
<head>
<style type="text/css">
body {
margin:0 auto;
padding:0;
text-align:center;
}
#page{
margin: 0 auto;
padding: 0;
border: 1px solid red;
width: 500px;
height: 500px;
}
#page p {
border: 1px solid blue;
}
#page .img_poza_page {
float: left;
margin-left: -150px;
margin-top: -15px;
}
</style>
</head>
<body>
<div id="page">
<p>
<img class="img_poza_page" src="1.jpg" />
text text text text text text text text text
text text text text text text text text text
text text text text text text text text text
text text text text text text text text text
</p>
<p>
text text text text text text text text text
text text text text text text text text text
text text text text text text text text text
text text text text text text text text text
</p>
<p>
<img class="img_poza_page" src="1.jpg" />
text text text text text text text text text
text text text text text text text text text
text text text text text text text text text
text text text text text text text text text
</p>
</div>
</body>
</html>
----------------------------------------------------
--------

Da się coś z tym zrobić aby .img_poza_page były widoczne na stronie w IE6?

--
P...

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2009-06-08 20:03:26
Temat: Re: problem css i IE6 - trochę długie!
Od: "Gabriel" <z...@p...fm>

Użytkownik "P..." <n...@g...pl> napisał w wiadomości
news:h0jp7o$9ah$1@inews.gazeta.pl...
> Witam,
>
> Mam nietypowy problem ze stylami CSS. Nie wiem czy można osiągnąć taki
> efekt aby to prawidłowo działało w IE6. No i żeby to było w miarę
poprawnie.
>
> chcę osiągnąć coś takiego (działa pod FF, Operą i IE7):
> http://www.fotosik.pl/pokaz_obrazek/aa6b553a4c2b3b90
.html
>
> pod IE6 działa to tak:
> http://www.fotosik.pl/pokaz_obrazek/dc52b90c5f96721b
.html

Do p dodac position relative, a w stosunku do niego img_poza bedzie mial
wywalony float i wpisany position absolute z marginem -150px czy ile tam
chcesz.

Powinno pomoc.

W ogole ten float dla obrazka jest niepotrzebny.

--
Pozdrawiam
Gabriel Zastawnik
http://www.monitoringkomputera.pl - Monitoring Komputera

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2009-06-08 22:40:21
Temat: Re: problem css i IE6 - trochę długie!
Od: Paweł Piskorz <n...@p...nie?>

P... pisze:
> Mam nietypowy problem ze stylami CSS. Nie wiem czy można osiągnąć taki
> efekt aby to prawidłowo działało w IE6. No i żeby to było w miarę
> poprawnie.
>
> chcę osiągnąć coś takiego (działa pod FF, Operą i IE7):
> http://www.fotosik.pl/pokaz_obrazek/aa6b553a4c2b3b90
.html
>
> pod IE6 działa to tak:
> http://www.fotosik.pl/pokaz_obrazek/dc52b90c5f96721b
.html
>
[8<]
> #page .img_poza_page {
> float: left;
> margin-left: -150px;
> margin-top: -15px;
position:relative;

--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2009-06-09 18:22:22
Temat: Re: problem css i IE6 - trochę długie!
Od: "P..." <n...@g...pl>

Paweł Piskorz pisze:
> P... pisze:
>> Mam nietypowy problem ze stylami CSS. Nie wiem czy można osiągnąć taki
>> efekt aby to prawidłowo działało w IE6. No i żeby to było w miarę
>> poprawnie.
>>
>> chcę osiągnąć coś takiego (działa pod FF, Operą i IE7):
>> http://www.fotosik.pl/pokaz_obrazek/aa6b553a4c2b3b90
.html
>>
>> pod IE6 działa to tak:
>> http://www.fotosik.pl/pokaz_obrazek/dc52b90c5f96721b
.html
>>
> [8<]
>> #page .img_poza_page {
>> float: left;
>> margin-left: -150px;
>> margin-top: -15px;
> position:relative;
>
>

OK już działa.
Nie wiem dlaczego pomyślałem i nie przetestowałem position: relative i
absolut dla <p>?

Dzięki

--
P...

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2009-06-09 21:31:02
Temat: Re: problem css i IE6 - trochę długie!
Od: porneL <n...@p...net>

On Mon, 08 Jun 2009 20:34:10 +0100, P... <n...@g...pl> wrote:

> KOD HTML (DOCTYPE musi taki być bo to CMS joomla :(
> ----------------------------------------------------
--------
>
> <?xml version="1.0" encoding="utf-8"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional
.dtd">

IE6 nie obsługuje XHTML w ogóle. http://pornel.net/xhtml

Prolog XML dodatkowo powoduje przełączenie na kompatybilność z bugami IE5
(AKA quirks mode), przez co dostaniesz zupełnie inny box model i tuzin
innych problemów z CSS.

Wywalenie prologu powinno pomóc. Na dłuższą metę zamiast kazać
przeglądarkom łykać błędny HTML z kupą slashy i deklarować użycie
najgorszej z wersji XHTML (http://pornel.net/transitional) skonwertuj
dokument na HTML 4 Strict albo HTML 5.

--
this.author = new Geek("porneL");

[ pokaż wiadomość z nagłówkami ]

do góry
6. Data: 2009-06-10 20:10:22
Temat: Re: problem css i IE6 - trochę długie!
Od: "P..." <n...@g...pl>

porneL pisze:
> On Mon, 08 Jun 2009 20:34:10 +0100, P... <n...@g...pl> wrote:
>
>> KOD HTML (DOCTYPE musi taki być bo to CMS joomla :(
>> ----------------------------------------------------
--------
>>
>> <?xml version="1.0" encoding="utf-8"?>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional
.dtd">
>
> IE6 nie obsługuje XHTML w ogóle. http://pornel.net/xhtml
>
> Prolog XML dodatkowo powoduje przełączenie na kompatybilność z bugami
> IE5 (AKA quirks mode), przez co dostaniesz zupełnie inny box model i
> tuzin innych problemów z CSS.
>
> Wywalenie prologu powinno pomóc. Na dłuższą metę zamiast kazać
> przeglądarkom łykać błędny HTML z kupą slashy i deklarować użycie
> najgorszej z wersji XHTML (http://pornel.net/transitional) skonwertuj
> dokument na HTML 4 Strict albo HTML 5.
>

Spróbuje zmienić ale jak wcześniej pisałem, że jest to CMS Joomla i taki
DOCTYPE jest w szablonie. Jak go zmienię to prawdopodobnie wszystko się
posypie.

Dzięki

--
P...

[ pokaż wiadomość z nagłówkami ]

do góry