MozillaPL.org - polskie centrum Mozilli

Główne menu:

Pozycjonowanie relatywne

Dyskusje na temat standardów WWW i zgłoszenia stron niedziałających poprawnie w przeglądarkach z rodziny Mozilli (w tym Mozilla Firefox)

Moderator: Pomocy?!

Pozycjonowanie relatywne

Postautor: Robert.Niestroj » 06 grudnia 2002, 16:30

Przeglądarka: -

Czy Mozilla v1.1 potrafi poprawnie obsłużyć pozycjonowanie relatywne ?????
Może to ja robię coś na tyle złego, że IE to jeszcze toleruje, ale Mozilla w
żadnym wypadku (?) Jest sobie następująca tabelka:
Kod: Zaznacz cały
<HTML><HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
<LINK REL=stylesheet TYPE="text/css" HREF="s.css"></HEAD><BODY>

<TABLE><TR><TD>

<h5>To jest duży texcik</h5>
<h6 class=t>mały texcik zaraz pod dużym texcikiem&nbsp;</h6>

</TD></TR>
</TABLE></BODY></HTML>


Do tego pliczek s.css wygląda następująco:

Kod: Zaznacz cały
body {margin-left:2px;font-family:"Verdana";font-size:10pt;background:black}
H5 {font-style:italic;font-size:22pt;color:#FFFF00;font-weight:400}
H6 {font-style:italic;font-size:14pt;color:#00FFFF;font-weight:400}
H6.t {font-style:normal;font-size:8pt;color:#E0E000;
      font-weight:400;position:relative;top:-15pt}


A teraz to co widać:

http://klub.chip.pl/wincat2/download/1.gif <- Internet Explorer 5.5
http://klub.chip.pl/wincat2/download/2.gif <- Opera 6.01
http://klub.chip.pl/wincat2/download/3.gif <- Mozilla 1.1

TIA
Robert.Niestroj
 
Posty: 59
Z nami od: 22 września 2002, 18:52
Lokalizacja: Przysiecz

Postautor: hADeSik » 06 grudnia 2002, 17:06

Przeglądarka: -

przy pozycjonowaniu podawaj wielkości (odległości) w px a nie w pt ;)
hADeSik
Moderator
 
Posty: 844
Z nami od: 02 czerwca 2002, 21:18
Lokalizacja: ja go znam?

Postautor: marcoos » 06 grudnia 2002, 17:18

Przeglądarka: -

<b>pt</b> to punkty - ale <b>TYLKO</b> w przypadku czcionek. Stosowanie tego przy pozycjonowaniu to mniej więcej taka sama sytuacja, jakbyś powiedział, że worek ziemniaków waży dwa złote. :P Bez sensu? Bez sensu. (A że MSIE jest głupie i coś takiego akceptuje... tym gorzej dla MSIE.)

Używaj albo <b>px</b> albo samych liczb, np.:
position: relative; top: 100; left:...
albo
position: relative; top: 100px; left...
marcoos
Moderator
 
Posty: 2227
Z nami od: 12 października 2002, 10:25
Lokalizacja: Wrocław

Postautor: Robert.Niestroj » 06 grudnia 2002, 21:30

Przeglądarka: -

OK zamienilem na px ale dalej nie dziala :( Moze ktos bylby chetny mi to napisac jak to ma byc? :wink:
Robert.Niestroj
 
Posty: 59
Z nami od: 22 września 2002, 18:52
Lokalizacja: Przysiecz

Postautor: hADeSik » 06 grudnia 2002, 21:38

Przeglądarka: -

udostępnij gdzieś pliki źródłowe tej stronki - zobacze co da się zrobić ;)

aha - 15pt to nie to samo co 15 px - daj tak z 35...
hADeSik
Moderator
 
Posty: 844
Z nami od: 02 czerwca 2002, 21:18
Lokalizacja: ja go znam?

Postautor: Robert.Niestroj » 07 grudnia 2002, 09:12

Przeglądarka: -

hADeSik pisze:udostępnij gdzieś pliki źródłowe tej stronki - zobacze co da się zrobić ;)
To już jest całe źródło :wink:
hADeSik pisze:aha - 15pt to nie to samo co 15 px - daj tak z 35...
OK zaraz to zmienię :)
Robert.Niestroj
 
Posty: 59
Z nami od: 22 września 2002, 18:52
Lokalizacja: Przysiecz

Postautor: hADeSik » 07 grudnia 2002, 09:28

Przeglądarka: -

na tym źródle mi działało ;)

daj znać, czy poskutkowała zmiana wartości :D
hADeSik
Moderator
 
Posty: 844
Z nami od: 02 czerwca 2002, 21:18
Lokalizacja: ja go znam?

Postautor: Robert.Niestroj » 07 grudnia 2002, 19:11

Przeglądarka: -

hADeSik pisze:na tym źródle mi działało ;)

Mógłbyś mi ten plik podesłać na priv : rniestroj@xl.wp.pl
hADeSik pisze:daj znać, czy poskutkowała zmiana wartości :D

No właśnie mi dalej nie działa :( Zrobiłem tak: [ http://klub.chip.pl/niestroj/test/TEST.htm ] i mi nie działa a w IE działa :cry:
Robert.Niestroj
 
Posty: 59
Z nami od: 22 września 2002, 18:52
Lokalizacja: Przysiecz

Postautor: hADeSik » 08 grudnia 2002, 19:38

Przeglądarka: -

róźnica wynika prawdopodobnie z faktu, że Mozia i IE inaczej traktują znaczniki 'H'...
poprawny kod, w którym widać pozycjonowanie:
Kod: Zaznacz cały
<html><head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Creation-date" content="2002-12-07T17:39:24Z">
<meta http-equiv="Reply-to" content="rniestroj@go2.pl">
<meta http-equiv="Content-Language" content="pl">
<meta name="Author" content="Robert Niestroj">
<style type="text/css">
<!--
body {margin-left:2px;font-family:"Verdana";font-size:10pt;background:black}
.a{font-style:italic;font-size:22pt;color:#FFFF00;font-weight:400}
.s {font-style:italic;font-size:14pt;color:#00FFFF;font-weight:400}
.t {font-style:normal;font-size:8pt;color:#E0E000;font-weight:400;position:relative;top:-35px; }
-->
</style></head>
<body>
<table>
<tbody><tr><td>
<div class="a">To jest duży texcik</div>
<br><br>
<div class="t">mały texcik zaraz pod dużym texcikiem </div>
</td></tr>
</tbody></table>
</body></html>
nazwy styli są przypadkowe ;)
hADeSik
Moderator
 
Posty: 844
Z nami od: 02 czerwca 2002, 21:18
Lokalizacja: ja go znam?

Postautor: Robert.Niestroj » 09 grudnia 2002, 14:24

Przeglądarka: -

hADeSik pisze:poprawny kod, w którym widać pozycjonowanie

Dzięki za pomoc hADeSik ale znalazło się już lepsze rozwiązanie :D :
Kod: Zaznacz cały
<STYLE TYPE="text/css">
<!--
body {margin-left:2px;font-family:"Verdana";font-size:10pt;background:black}
H5 {font-style:italic;font-size:22pt;color:#FFFF00;font-weight:400;margin-bottom:20px;}
H6 {font-style:italic;font-size:14pt;color:#00FFFF;font-weight:400;margin-top:0px;}
H6.t {font-style:normal;font-size:8pt;color:#E0E000;font-weight:400;position:relative;top:-20px}
-->
</STYLE>
Robert.Niestroj
 
Posty: 59
Z nami od: 22 września 2002, 18:52
Lokalizacja: Przysiecz


Wróć do Standardy WWW i źle działające strony

Kto jest online

Zarejestrowani użytkownicy: Baidu [Spider], Bing [Bot], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: