[html] DIV - inline - width nie działa Opcje

[Tomek58]

Nie wiem dlaczego przy moim DIVie nie da się określić szerokości danej komórki. Oto fragment kodu:

styl.css

div.menu1 {
display: inline;
height: 300px; }

index.php

echo '<CENTER>
<BR>
<DIV>
<DIV CLASS="linia">
<DIV CLASS="logo">Test</DIV>
<DIV CLASS="menu1">Test</DIV>
<DIV CLASS="menu2">Test</DIV>
</DIV>
</DIV>
</CENTER>';

Szerokość chociaż jest określona w stylu, to nadal dopasowuje się do szerokości tekstu, jest mniejsza niż szerokość określona w CSS.

Tutaj zmiana szerokości działa:

div.logo {
width: 700px; }

Ten post edytował Tomek58 24.02.2008, 17:06:08

[nevt]

napisałeś

Nie wiem dlaczego przy moim DIVie nie da się określić szerokości danej komórki. Oto fragment kodu:

div.menu1 {
display: inline;
height: 300px; }

według mojego słownika j. angielskiego to szerokość jest WIDTH a nie HEIGHT...

a tak na poważnie: width i height nie mają zastosowania dla display:inline
ale jeżeli jednak chodzi ci o wysokość - to nie tak prosto, bo argument height jest ignorowany dla elementów wyświetlanych inline... można to częściowo obejść ustawiając argument line-height:300px; ale jest to ułomne rozwiązanie (zapomnij o wyświetleniu kilku linijek tekstu - każda będzie miała 300px...)
możesz też w środek tego diva inline włozżć drugiego diva (normalnego) i jemu ustawić wymiary, powinno zachować się jak obrazek...

Ten post edytował nevt 24.02.2008, 17:25:40