Forum PHP.pl > [HTML] 3 divy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Dapi

7.07.2010, 21:29:26

Witam.
Potrzebuję koło siebie postawić 3 divy.
Zrobiłem tak:

[HTML] pobierz, plaintext 
<div style="width: 100%; min-height: 526px; margin-top: 50px; text-align:center;">
	<div style="background: green; width: 50px; height: 10px; display: inline-table;"></div>
	<div style="background: red; width: 100px; height: 20px; display: inline-table;"></div>
	<div style="background: blue; width: 150px; height: 30px; display: inline-table;"></div>
</div>
[HTML] pobierz, plaintext

Działa w lisku, chromce i nawet pod IE. Niestety pod Operą nic się nie wyświetla.
Jak daję "display: inline-table;" to nie działa znowu pod niczym :/

Ktoś wie co na to poradzić?

Pozdrawiam.

pedro84

7.07.2010, 21:34:47

Nadaj im po prostu float:left; i overflow:hidden dla nadrzędnego.

Dapi

7.07.2010, 21:42:51

To już przerabiałem, tyle, że teraz mam je wyrównane do lewej, a ja chcę, żeby były do środka ;P

krzysztof_kf

7.07.2010, 21:44:17

yhhh ?

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
 
        <div style="width: 100%; border: 1px solid #00ff00;min-height: 526px; margin-top: 50px; text-align:center;">
	<div style="background: green; border: 1px solid #00ff00; width: 50px; height: 10px; display: inline-table;">dd</div>
	<div style="background: red; border: 1px solid #00ff00; width: 100px; height: 20px; display: inline-table;">ddd</div>
	<div style="background: blue; border: 1px solid #00ff00; width: 150px; height: 30px; display: inline-table;">dddd</div>
</div>
 
 
    </body>
</html>
 
[HTML] pobierz, plaintext

Dapi

7.07.2010, 21:50:53

Śmiga pięknie.
Widzę, że tylko wystarczyło coś do diva wpisać, żeby było ok

Nie sądziłem, że to ma jakiś wpływ na to.

Dzięki

krzysztof_kf

7.07.2010, 21:51:51

Poprawka

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
 
        <div style="width: 100%; border: 1px solid #00ff00;min-height: 526px; margin-top: 50px; text-align:center;">
        <div style="width: 300px; margin: 0 auto; clear: both;">
	<div style="background: green; float: left; width: 50px; height: 10px;">dd</div>
	<div style="background: red; float: left; width: 100px; height: 20px;">ddd</div>
	<div style="background: blue; float: left; width: 150px; height: 30px;">dddd</div>
</div>
 
 
    </body>
</html>
 
[HTML] pobierz, plaintext

Teraz to śmiga

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.