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! › problem css i IE6 - trochę długie!

Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
From: "P..." <n...@g...pl>
Newsgroups: pl.comp.www
Subject: problem css i IE6 - trochę długie!
Date: Mon, 08 Jun 2009 21:34:10 +0200
Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
Lines: 81
Message-ID: <h0jp7o$9ah$1@inews.gazeta.pl>
NNTP-Posting-Host: 77-253-167-98.adsl.inetia.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: inews.gazeta.pl 1244489784 9553 77.253.167.98 (8 Jun 2009 19:36:24 GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Mon, 8 Jun 2009 19:36:24 +0000 (UTC)
X-User: pa-ka
X-Antivirus: avast! (VPS 090607-0, 2009-06-07), Outbound message
X-Antivirus-Status: Clean
User-Agent: Thunderbird 2.0.0.21 (Windows/20090302)
Xref: news-archive.icm.edu.pl pl.comp.www:392241
[ ukryj nagłówki ]
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...