[SOLVED] Kalendarz na div'a na całą stronę Opcje

[angel2953]

mam skrypt, który mi generuje taki kod HTML kalendarza

[HTML] pobierz, plaintext 
<!-- Calendar for May 2009 -->
<div class='calendar'>
	<div class='caption'>May 2009</div>
 
	<div class='row-names'>
		<div class='names' abbr='Monday'>Monday</div>
		<div class='names' abbr='Tuesday'>Tuesday</div>
		<div class='names' abbr='Wednesday'>Wednesday</div>
		<div class='names' abbr='Thursday'>Thursday</div>
		<div class='names' abbr='Friday'>Friday</div>
		<div class='names' abbr='Saturday'>Saturday</div>
		<div class='names' abbr='Sunday'>Sunday</div>
	</div>
	<div class='row-days'>
		<div class='day-empty'> </div>
		<div class='day-empty'> </div>
		<div class='day-empty'> </div>
		<div class='day-empty'> </div>
 
		<div class='day'>1</div>
		<div class='day'>2</div>
		<div class='day'>3</div>
	</div>
	<div class='row-days'>
		<div class='day'>4</div>
		<div class='day'>5</div>
 
		<div class='day'>6</div>
		<div class='day'>7</div>
		<div class='day'>8</div>
		<div class='day'>9</div>
		<div class='day'>10</div>
	</div>
 
	<div class='row-days'>
		<div class='day-current'>11</div>
		<div class='day'>12</div>
		<div class='day'>13</div>
		<div class='day'>14</div>
		<div class='day'>15</div>
 
		<div class='day'>16</div>
		<div class='day'>17</div>
	</div>
	<div class='row-days'>
		<div class='day'>18</div>
		<div class='day'>19</div>
		<div class='day'>20</div>
 
		<div class='day'>21</div>
		<div class='day'>22</div>
		<div class='day'>23</div>
		<div class='day'>24</div>
	</div>
	<div class='row-days'>
		<div class='day'>25</div>
 
		<div class='day'>26</div>
		<div class='day'>27</div>
		<div class='day'>28</div>
		<div class='day'>29</div>
		<div class='day'>30</div>
		<div class='day'>31</div>
 
	</div>
</div>
[HTML] pobierz, plaintext 

i teraz chciałem go rozciągnąć na całą stronę za pomocą takiego stylu css:

Kod

.calendar {
    display:                     table;
    width:                        100%;
}
.caption {
    font-weight:                 bold;
    text-align:                 center;
    display:                     table-caption;
}
.row-names {
    display:                     table-header-group;
}
.names {
    display:                     table-cell;
    font-weight:                 bold;
    width:                        15%;
}
.row-days {
    display:                     table-row-group;
}
.day-empty {
    display:                     table-cell;
    width:                        15%;
    height:                        150px;
}
.day-current {
    display:                     table-cell;
    font-weight:                 bold;
    width:                        15%;
    height:                        150px;
}
.day {
    display:                     table-cell;
    width:                        15%;
    height:                        150px;
}

Opera ladnie go rozciąga ale FF tylko w poziomie a IE wogóle wszystko olewa :/

Ten post edytował angel2953 11.05.2009, 16:01:53

[athei]

Dlaczego nie wykorzystasz do tego tabeli?
IE6,7 nie wie co to jest display:table http://www.quirksmode.org/css/display.html

[angel2953]

chciałem na div'ach ale jak się nie da to trudno. BTW: IE8 też nie wie co to table...

@athei: dzięki za linka przyda się ^^

Ten post edytował angel2953 11.05.2009, 16:00:51