Forum PHP.pl > display:inline i Firefox

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

yavaho

27.08.2005, 16:33:58

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 ?

dr_bonzo

27.08.2005, 16:46:14

<span> zamiast <div>?

yavaho

27.08.2005, 17:43:57

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

chmolu

27.08.2005, 18:00:56

kombinuj z float i pozycjonowaniem absolutnym/względnym. Atrybutem display raczej tego nie osiągniesz.

cube

27.08.2005, 20:41:16

[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

revyag

29.08.2005, 08:18:09

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

29.08.2005, 09:16:41

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.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.