Witam
Zaczynam bawić się co nie co CSS, postanowiłem przerobić sobie pewną stronkę, którą według mnie można skodzić lepiej.
Firefox, bordery komórek tabeli, są prawidłowo wyświetlane:
No i ich brak w IE:
</wiki>
Próbowałem robić na div-ach, skończyło się na tabeli, nie mam pomysłu co może powodować takie zachowanie IE.
CSS:
body {
margin: 50px 0;
padding: 0;
background-image: url(tlo.png);
font: normal x-small Verdana, Geneva, sans-serif;
color: rgb(174, 158, 122);
}
#wrap-tbl {
width: 738px;
margin: auto;
padding: 0;
}
#ct, #lm, #m, #rm, #cb {
background-color: #000;
color: #d4cbb5;
}
#lt { background: url(left-top.gif); }
#rt { background: url(right-top.gif) right; }
#lb { background: url(left-bottom.gif); }
#rb { background: url(right-bottom.gif) right; }
#lt, #rt, #lb, #rb { width: 19px; height: 21px; background-repeat: no-repeat;
}
#ct { border-top: 1px solid;}
#lm { border-left: 1px solid; }
#rm { border-right: 1px solid; }
#cb { border-bottom: 1px solid; }
Struktura:
#wrap-tbl
|LT| CT |RT|
| | | |
|LM| M |RM|
| | | |
|LB| CB |RB|
<body>
<table id="wrap-tbl" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="lt"></td>
<td id="ct"></td>
<td id="rt"></td>
</tr>
<tr>
<td id="lm"></td>
<td id="m">
<div id="wrap">
<!-- początek header -->
<div id="header">
<div id="info">
<!-- info o twórcach strony itd -->
</div>
<div id="logo"></div>
</div>
<!-- koniec div header -->
<div id="menu-bar">
<ul>
<!-- elementy li -->
</ul>
</div>
<div id="content">
<ul id="ul-img">
<li><img src="1.png" /></li>
<li><img src="2.png" /></li>
</ul>
<!-- paragrafy -->
<div id="footer">
<ul>
<!-- elementy li -->
</ul>
</div>
</div>
</td>
<td id="rm"></td>
</tr>
<tr>
<td id="lb"></td>
<td id="cb"></td>
<td id="rb"></td>
</tr>
</table>
</body>
Pomoże ktoś?