valign - jak to działa w explorerze?

Wszystko o HTML, XHTML, XML, CSS.
Awatar użytkownika
HazelEyes
Posty: 7
Rejestracja: 08 sie 2006, 18:33:36
Płeć: Niewybrana
User Agent: Mozilla Windows 1280x1024

valign - jak to działa w explorerze?

Post autor: HazelEyes »

Robię stronkę i w mozilli wygląda ok. Jest spójna i taka jak mi odpowiada. Zdjęcie poniżej:

Obrazek

Z kolei w explorerze wszystko mi się rozjeżdża. Mam wrażenie, że explorer nie reaguje na valign. Gdzie mam coś wpisać, żeby tekst na szary tle był wyśrodkowany w pionie i te cztery komórki po prawej stronie (to jest tabelka w komórce większej tabeli). Niżej zdjęcie z explorera:

Obrazek

Obrazek

Na czerwono zaznaczyłam kilka różnic. Głównie chodzi o to, że w exploerze wszystko jest jakby "top" i nie wiem gdzie cos wpisac, żeby to zmienić. I o odstępy między punktami w dziale oferta.
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Firefox Linux 1024x768

Post autor: fuma »

zamiast valign (ktorego juz nie powinno sie uzywac) nie wygodniej wykorzystac padding w CSS ?
ewentualnie jak juz sie uparles na swoj sposob to vertical-align w CSS
Awatar użytkownika
HazelEyes
Posty: 7
Rejestracja: 08 sie 2006, 18:33:36
Płeć: Niewybrana
User Agent: Mozilla Windows 1280x1024

Post autor: HazelEyes »

Uprzeć na nic się nie uparłam. Problem z padding polega na tym, że zastosowanie go, kiedy stronę dopasowuję do Explorera prowadzi do nadmiernego obniżenia tekstu w Mozilli. Stosuję np. "padding-top="10px". I w Explorerze niech i tak będzie, ale włącze Mozillę i klapa.
"vertical-align="center" tak wpisałam w table i w td, ale nic to nie dało w żadnym przypadku. Wpisałam to też w CSS (vertical-align: center;), ale nic.
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Firefox Linux 1024x768

Post autor: fuma »

w vertical-align nie ma wartosci "center"
http://www.w3schools.com/css/pr_pos_vertical-align.asp
poza tym opisy menu mozesz wrzucic w div'y i je wypozycjonowac paddingiem
Awatar użytkownika
HazelEyes
Posty: 7
Rejestracja: 08 sie 2006, 18:33:36
Płeć: Niewybrana
User Agent: Mozilla Windows 1280x1024

Post autor: HazelEyes »

---------- 13:02 13.09.2006 ----------

Dobra poradziłam sobie. Dzięki za porady.

---------- 14:13 ----------

Pozostał mi jeszcze jeden problem. Odstępy między <li>. Jak można je zmieniejszyć dla Explorera?
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Firefox Linux 1024x768

Post autor: fuma »

jakie odstepy ?
Przemussy
Posty: 369
Rejestracja: 20 paź 2005, 22:33:29
Lokalizacja: ¯yrardów
Płeć: Niewybrana
User Agent: Opera Windows 1280x1024
Kontakt:

Post autor: Przemussy »

chodzi o takie:
<ul>
<li>pierwszy punkt
<li>drugi punkt
<li>trzeci punkt
</ul>
<ul>
<li>pierwszy punkt
<li>drugi punkt
<li>trzeci punkt
</ul>
<ul>
<li>pierwszy punkt
<li>drugi punkt
<li>trzeci punkt
</ul>
Hmm wsumie domyślnie sa tu odstepy. ale jak sie ich pozbyc to niemam pojęcia.


mozę spróbuj nie li tylko ol:
<ol>
<li>Czę¶ć pierwsza
<ol>
<li>Rozdział pierwszy
<ul>
<li>dodatek
<li>dodatek
</ul>
<li>Rozdział drugi
<li>Rozdział trzeci
<ul>
<li>dodatek
<li>dodatek
</ul>
<li>Rozdział czwarty
</ol>
<li>Czę¶ć druga
<ol>
<li>Rozdział pierwszy
<ol>
<li>podrozdział
<li>podrozdział
<li>podrozdział
</ol>
<li>Rozdział drugi
<li>Rozdział trzeci
<ol>
<li>podrozdział
</ol>
</ol>
</ol>
Awatar użytkownika
HazelEyes
Posty: 7
Rejestracja: 08 sie 2006, 18:33:36
Płeć: Niewybrana
User Agent: Mozilla Windows 1280x1024

Post autor: HazelEyes »

Wystarczyło pogmerac z line-height. Dzieki za pomoc.
ODPOWIEDZ