Tomasz L.

Tomasz L. informatyk

Temat: różny wygląd <li></li> w różnych przeglądarkach

Mam sobie jakiś tekst zawarty w

<ul>
<li>tekst</li>
<li>tekst</li>
itd.
</ul>

i w różnych przeglądarkach róznie ten tekst wyświetla tzn. odległości między liniami mimo ustawionego stałego line-hight: 5px;
używam reset.css https://gist.github.com/nathansmith/288292

da się jakoś tak ustawić, żeby we wszystkich bylo tak samo wyświetlane?

Temat: różny wygląd <li></li> w różnych przeglądarkach

Pokaż cały kod i korzystaj z http://necolas.github.io/normalize.css/

konto usunięte

Temat: różny wygląd <li></li> w różnych przeglądarkach

jak ustawiasz line height dla listy, to musisz stosowac jednostke em.

Temat: różny wygląd <li></li> w różnych przeglądarkach

Dlaczego musisz em ?

konto usunięte

Temat: różny wygląd <li></li> w różnych przeglądarkach

Michał S.:
Dlaczego musisz em ?

bo w internetsach tak pisało :)

konto usunięte

Temat: różny wygląd <li></li> w różnych przeglądarkach

O tu:

Obrazek

konto usunięte

Temat: różny wygląd <li></li> w różnych przeglądarkach

wrzucilem markup kolegi Tomasza i go testowałem. nie działał mi na pxlach.
widocznie jakaś moja pomyłka, bo teraz jest okejka.

:)) yoda master

konto usunięte

Temat: różny wygląd <li></li> w różnych przeglądarkach

Maciej K.:
wrzucilem markup kolegi Tomasza i go testowałem. nie działał mi na pxlach.
widocznie jakaś moja pomyłka, bo teraz jest okejka.

:)) yoda master

Może klikałeś myszkę nie tym palcem?!?
Tomasz L.

Tomasz L. informatyk

Temat: różny wygląd <li></li> w różnych przeglądarkach

a oto i kod
<div id="opis1">
<ul>
<li class="nn"><img src="img/s1.png" style="position:relative; top:-4px" />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod </li>
<li class="nn">tempor incididunt ut labore et dolore magna aliqua. Ut enim ad</li>
</ul></div>


css

body {
background-image:url(../img/tlo.png);
font-family: 'MyriadPro-Regular';
position:absolute;
left:200px; top:336px; width:590px; height:287px;
font-style: normal;
font-size: 16px;
color: #676c6e;
}
#opis1 ul li.nn {
font-family:'MyriadPro-Regular';
font-size: 15px;
color:black;
list-style-image: none;
position:relative;
margin:3px;
padding:0px;
border-bottom: 2px solid #F2F2F2;
}


trochę namodzone, ale za dużo kombinuję już;)

Temat: różny wygląd <li></li> w różnych przeglądarkach

Może tak ? http://jsfiddle.net/GgTf7/
Tomasz L.

Tomasz L. informatyk

Temat: różny wygląd <li></li> w różnych przeglądarkach

Michał S.:
Może tak ? http://jsfiddle.net/GgTf7/
zrobiłem opcję line-height, ale w różnych przeglądarkach trochę róznie to znowu odczytuje i nie wiem dlaczego
niby jest ustawiona wielkość czcionki, a tak wygląda, jak gdyby u jednego z klientów albo zmniejszało szerokość div'a i się tekst pomiędzy <li> nie mieści i przechodzi do następnej linii, w innych przypadkach w IE odstęp był większy bo poza wysokość diva wychodziło.
jak dałem do testów w różnych przeglądarkach to niby wychodzi oki, ale akurat u 2ch osób realnych pod linuxem już nie:)
Grzegorz B.

Grzegorz B. składanie szablonów
do Joomli

Temat: różny wygląd <li></li> w różnych przeglądarkach

a jak masz ustawiony znacznik ul ? i czy używasz w css opcji * {margin: 0; padding:0;} ?

Temat: różny wygląd <li></li> w różnych przeglądarkach

Nie no, nie ma czegoś takiego jak pixelperfekt to jakiś mit. Każda przeglądarka działa trochę inaczej, każdy user ma trochę inne ustawienia. Kilka prostych linijek kodu a mamy różne efekty. Możesz normalizować/resetować ale to tylko od ciebie zależy kiedy jest optymalnie. Bo nie da się żeby wszystko było idealnie tak samo, no chyba że dasz obrazek :) http://www.isclinical.com/


Obrazek

ie, chorm, ffTen post został edytowany przez Autora dnia 11.07.13 o godzinie 14:35

konto usunięte

Temat: różny wygląd <li></li> w różnych przeglądarkach

Dokładnie, przypominają mi się klienci tacy, że doszukują się milimetrowych (na ekranie monitora ofkoz) różnic "między różnymi komputerami". A content, jaki sami przygotowują to totalna sieka, źle zorganizowana, błędna stylistycznie, itd.
Niektórzy mają taką manię właśnie równania wszystkiego, że musi się układać, zgadzać, itd., a oczywiście nie przeszkadza im to w innych obszarach zupełnie zawalać stronę.

A jak już słyszę, że "u nas w firmie..." (jaka przeglądarka?) - "no eksploerer, 8" i potem siedź i maruderowi coś tam równaj co do piksela jakieś bzdury, to po prostu masakra.
Tomasz L.

Tomasz L. informatyk

Temat: różny wygląd <li></li> w różnych przeglądarkach

Grzegorz B.:
a jak masz ustawiony znacznik ul ? i czy używasz w css opcji * {margin: 0; padding:0;} ?
wyzerowanie margin i padding miałem w pliku reset.css
#opis1 ul {
font-family:'MyriadPro-Regular';
font-size: 15px;
color:black;
}
Tomasz L.

Tomasz L. informatyk

Temat: różny wygląd <li></li> w różnych przeglądarkach

Miłosz W.:
Dokładnie, przypominają mi się klienci tacy, że doszukują się milimetrowych (na ekranie monitora ofkoz) różnic
w tym przypadku nie chodzi o niewidoczne na pierwszy rzut oka różnice
dolny box <li> dałem widoczny jako linię i wyszła mi linia pod tekstem
tak jak w innym topicu kolega mi polecił
jeżeli zwiększy się jakimś cudem czcionka, zmniejszy szerokość boxu to cały wyraz zostaje przeniesiony do kolejnej linii a dalsza część lini jest pusta
ciąg dalszy tekstu jest dopiero w kolejnej linii bo każda linia aby miała podkreślenie jest pomiędzy znacznikami <li></li>
jeżeli tych linii tekstu jest dużo, to wtedy tekst się strasznie rozjeżdża na stronie w niektórych ff pod linuxem
rozwiązaniem jest zostawienie więcej miejsca na tekst w linijce, tak by miał się gdzie przemieścić
albo znalazłem też coś takiego http://cmsauve.com/projects/squishy/
co powinno dopasować wielkość czcionki

banalna rzecz niby, w testach niewiele wychodzi, u jednej osoby tylko coś tam nie gra pod linuxem, choć u mnie na tym samym linuxie i ff działa, ale jednak nie chcę olać gościa i chcę rozwiązać problem, bo to dla mnie i nauka i zabawa w znalezienie rozwiązania:)
Tomasz L.

Tomasz L. informatyk

Temat: różny wygląd <li></li> w różnych przeglądarkach

trochę się wyjaśniło i okazało się, że jeden koleś ma własne ustawienia czcionek w FF
tak się zastanawiam czy da się takie cudactwa przewidzieć np. sprawdzając czy ustawienia przeglądarki są inne niż default?

Temat: różny wygląd <li></li> w różnych przeglądarkach

Nie, najważniejsze są ustawienia usera i jego przeglądarki. To jest bardzo dobre i nie powinno się w to ingerować.
Tomasz L.

Tomasz L. informatyk

Temat: różny wygląd <li></li> w różnych przeglądarkach

Michał S.:
Nie, najważniejsze są ustawienia usera i jego przeglądarki. To jest bardzo dobre i nie powinno się w to ingerować.
ale bywają sytuacje, gdy te ustawienia, np. za duża czcionka czy rodzaj czcionki rozwalają wygląd
co wtedy robić?
olać, czy dostosowywać stronę do różnych cudów usera i przewidywać wszelkie dziwy jakie mógł wprowadzić w swoich ustawieniach?

konto usunięte

Temat: różny wygląd <li></li> w różnych przeglądarkach

Tomasz L.:
Michał S.:
Nie, najważniejsze są ustawienia usera i jego przeglądarki. To jest bardzo dobre i nie powinno się w to ingerować.
ale bywają sytuacje, gdy te ustawienia, np. za duża czcionka czy rodzaj czcionki rozwalają wygląd
co wtedy robić?
olać, czy dostosowywać stronę do różnych cudów usera i przewidywać wszelkie dziwy jakie mógł wprowadzić w swoich ustawieniach?

"przewidywać wszelkie dziwy" - czyli co, będziesz wróżył z fusów czy ze szklanej kuli?
Poza tym: dobrze zrobiony CSS nie rozwali Ci wyglądu...



Wyślij zaproszenie do