display:inline i Firefox

display:inline i Firefox

yavaho Zobacz profil	27.08.2005, 16:33:58 Post #1
Grupa: Zarejestrowani Postów: 449 Pomógł: 0 Dołączył: 26.05.2004 Skąd: Nowy Sącz Ostrzeżenie: (0%)	Mam tu taki przyklad dwoch div'ów, ktore sluza tylko do wypelniania ich zawartosci jakims kolorem lub grafika. [HTML] pobierz, plaintext <div style="width:100px; height:100px; background:#cccccc;"></div> <div style="width:100px; height:100px; background:#dddddd; display:inline;"></div> [HTML] pobierz, plaintext Dlaczego drugi div nie jest wyswietlany przez Firefoxa? Chyba przy wszystkich stylach, ktore wymuszaja ukladanie elementow w jednej lini w poziomie Firefox zeruje ich rozmiary (display:inline, display:table-row itp.) Jak można ulozyc takie div'y w poziomie nie stosujac w nich stylu: float ? -------------------- Książki informatyczne • Książki biznesowe Warsztat: notepad hardcore

dr_bonzo Zobacz profil	27.08.2005, 16:46:14 Post #2
Grupa: Przyjaciele php.pl Postów: 5 724 Pomógł: 259 Dołączył: 13.04.2004 Skąd: N/A Ostrzeżenie: (0%)	<span> zamiast <div>? -------------------- Nie lubię jednorożców.

yavaho Zobacz profil	27.08.2005, 17:43:57 Post #3
Grupa: Zarejestrowani Postów: 449 Pomógł: 0 Dołączył: 26.05.2004 Skąd: Nowy Sącz Ostrzeżenie: (0%)	Czy to: div, span, p, li - to przy kazdym tagu ten sam efekt. Ja chce tylko wyswietlic dwa elementy blokowe obok siebie ale wysrodkowane na stronie. Elementy te maja miec okreslone rozmiary i maja byc wypełnione tłem - tak jak ponizej, ale to jest widoczne tylko pod IE i Opera. [HTML] pobierz, plaintext <style> .center { width:100%; text-align:center; } .blok { width:100px; height:100px; background:#cccccc; display:inline; } </style> <div class="center"> <div class="blok"></div> <div class="blok"></div> </div> [HTML] pobierz, plaintext -------------------- Książki informatyczne • Książki biznesowe Warsztat: notepad hardcore

chmolu Zobacz profil	27.08.2005, 18:00:56 Post #4
Grupa: Zarejestrowani Postów: 179 Pomógł: 0 Dołączył: 8.10.2004 Ostrzeżenie: (0%)	kombinuj z float i pozycjonowaniem absolutnym/względnym. Atrybutem display raczej tego nie osiągniesz.

cube Zobacz profil	27.08.2005, 20:41:16 Post #5
Grupa: Zarejestrowani Postów: 40 Pomógł: 0 Dołączył: 9.03.2005 Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <?php <body style="text-align:center;"> <div style="margin:0px auto; text-align:left; position: relative; width:350px;"> <div style="width:100px; position: absolute; top: 0px; left: 0px;">left</div> <div style="width:250px; position: absolute; top: 0px; left: 100px;">right</div> </div> ?> [HTML] pobierz, plaintext Ten post edytował cube 27.08.2005, 20:46:38

revyag Zobacz profil	29.08.2005, 08:18:09 Post #6
Grupa: Przyjaciele php.pl Postów: 2 258 Pomógł: 16 Dołączył: 21.09.2004 Skąd: Kielce Ostrzeżenie: (0%)	Cytat(yavaho @ 2005-08-27 16:33:58) [HTML] pobierz, plaintext <div style="width:100px; height:100px; background:#cccccc;"></div> <div style="width:100px; height:100px; background:#dddddd; display:inline;"></div> [HTML] pobierz, plaintext Dlaczego drugi div nie jest wyswietlany przez Firefoxa? Masz element blokowy i nadajesz mu własność display:inline. Traci on wtedy właściwości elementu blokowego (szerokość, wysokość) . -------------------- ------------- ------

yavaho Zobacz profil	29.08.2005, 09:16:41 Post #7
Grupa: Zarejestrowani Postów: 449 Pomógł: 0 Dołączył: 26.05.2004 Skąd: Nowy Sącz Ostrzeżenie: (0%)	Co w takim razie dzieje sie z takimi stylami jak: display:table-row display:table-column To nie sa elementy liniowe a FF zeruje ich rozmiary. -------------------- Książki informatyczne • Książki biznesowe Warsztat: notepad hardcore

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Aktualny czas: 13.06.2025 - 07:42

Hosting zapewnia