HideYoshi: Wow. Tylko jest jedna sprawa. Jak ustawić wysokość tych kolumn? By była równa wysokości zawartości tego okienka?
Spiąłem tyłek i coś wyszlo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
body {
background: #2d5882 url(img/background.gif) repeat-x;
margin: auto;
}
#top-right {
height: 10px;
background: url(img/right-top.gif) no-repeat 0 0;
display:table-cell;
}
#top-left {
height: 10px;
background: url(img/left-top.gif) no-repeat 0 0;
display:table-cell;
}
#top-middle {
height: 10px;
display:table-cell;
background: url(img/top-middle.gif) repeat-x 0 0;
}
#frame-left {
width:7px;
display:table-cell;
background: url(img/frame-left.gif) repeat-y 0 0;
}
#frame-right {
width:7px;
display:table-cell;
background: url(img/frame-right.gif) repeat-y 0 0;
}
#bottom-left {
height: 7px;
background: url(img/bottom-left-c.gif) no-repeat 0 0;
display:table-cell;
}
#bottom-middle{
height: 7px;
display:table-cell;
background: url(img/bottom-middle.gif) repeat-x 0 0;
}
#bottom-right {
height: 7px;
background: url(img/bottom-right-c.gif) no-repeat 0 0;
display:table-cell;
}
#content {
background-color: #FFFFFF;
padding: 10px 30px
}
</style>
<div style="display:table; margin:auto;">
<div style="display:table-row">
<div id="top-left"> </div>
<div id="top-middle"></div>
<div id="top-right"></div>
</div>
<div style="display:table-row">
<div id="frame-left"> </div>
<div id="content">ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</div>
<div id="frame-right"></div>
</div>
<div style="display:table-row">
<div id="bottom-left"> </div>
<div id="bottom-middle"></div>
<div id="bottom-right"></div>
</div>
</div>
Pięknie chodzi na przeglądarkach, tylko g**no słabo przyswaja, tzn Internet Explorer. Heh :<