Nie będę tu zamieszczał kodu strony, bo jest duży, a i tak to nic nie wniesie. Mój problem tyczy sie wyświetlania grafiki na stronie. Po wejściu na http://reliable.awardspace.com przy pomocy Mozilli strona wyświetla sie poprawnie, natomiast przy pomocy IE następuje podzielenie grafiki przedstawiającej niebo. Problem jest związany w jakiś sposób z tabelą, ale nie mogę go namierzyć. Resztę błędów, jakie znajdziecie są związane z tym, że strona jest w budowie ;-P
0
0
To co przychodzi pierwsze na myśl - białe znaki pomiędzy komórkami tabeli (spacje, entery, tabulacje) albo cellspacing/cellpadding.
Jako, że na moje oko treść strony jest gdzieś schowana, to nie chce mi się grzebać i szukać faktycznej przyczyny - najlepiej wrzuć kod tej tabelki i css'a, który go dotyczy.
0
index.htm
<?xml version="1.0" encoding="iso-8859-2" ?>
<?xml-stylesheet type="text/css" href="style.css"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="text/xhtml; charset=iso-8859-2" />
<meta http-equiv="Reply-to" content="[email protected]" />
<meta http-equiv="Content-Language" content="pl" />
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=3,Transition=12)" />
<meta name="Keywords" content="archiwizacja, archiwizacje, bezpieczenstwo, czyszczenie, dane, danych, demontaz, domowa, domowych, doradztwo, dostosowywanie, firma, firmowych, instalacja, instalacje, klient, klienta, klientów, komfort, komfortowe, komputer, komputerowe, komputerów, komputery, konfiguracja, konfiguracji, konfigurowanie, konserwacja, konserwacje, mala, malych, malym, modernizacja, modernizowanie, montaz, naprawa, naprawach, naprawy, obsluga, obslugiwanie, operacyjnego, operacyjny, oprogramowania, oprogramowanie, osobiste, osobisty, osobistych, PC, podzespolów, podzespolu, Poznan, Poznanskie, profesjonalna, profesjonalne, profesjonalnie, rozbudowa, rozbudowywanie, serwis, serwisant, serwisanta, serwisie, serwisu, sieci, sieciowe, siec, sprawdzanie, sprawdzenie, sprzedawanie, sprzedaz, Swarzedz, Swarzedzu, system, systemu, testowanie, usluga, uslugi, usterek, usterka, usterki, utrzymanie, wielkopolska, wielkopolskie" />
<meta name="Description" content="Strona firmowa "Reliable". Specjalizujemy sie w naprawach i konserwacji wszelkiego rodzaju sprzetu komputerowego, a takze w tworzeniu, obsludze, utrzymaniu i zabezpieczaniu sieci komputerowych." />
<meta name="Author" content="Reliable" />
<meta name="Robots" content="ALL" />
<link rel="Shortcut Icon" href="icon/icon.ico" />
<title>
Reliable - Profesjonalne Usługi Komputerowe
</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<table id="mastertable">
<tr>
<td>
<table id="logotable">
<tr>
<td> </td>
<td id="cloud1td"> </td>
<td id="logotd">
<object id="logoswf" type="application/x-shockwave-flash" data="flash/logo.swf">
<param name="movie" value="flash/logo.swf" />
<param name="menu" value="false" />
<param name="loop" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
</object>
</td>
<td> </td>
</tr>
</table>
<table id="menutable">
<tr>
<td> </td>
<td id="cloud2td"> </td>
<!-- Menu Begin //-->
<td id="menutd">
<object id="menuswf" type="application/x-shockwave-flash" data="flash/menu.swf">
<param name="movie" value="flash/menu.swf" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
</object>
</td>
<!-- Menu End //-->
<td> </td>
</tr>
</table>
<table class="bordertable">
<tr>
<td> </td>
<td class="w233td"> </td>
<td id="toptd"> </td>
<td> </td>
</tr>
</table>
<table id="contenttable">
<tr>
<td> </td>
<td class="w233td">
<object id="displayswf" type="application/x-shockwave-flash" data="flash/display.swf">
<param name="movie" value="flash/display.swf" />
<param name="menu" value="false" />
<param name="loop" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
</object>
</td>
<td id="contenttd">
<!-- Content Begin //-->
<blockquote>
<h1>
Wstęp
</h1>
<p>
xxxxxxx
</p>
<p>
xxxxxxx
</p>
<p>
xxxxxxx
</p>
</blockquote>
<!-- Content End //-->
</td>
<td> </td>
</tr>
</table>
<table class="bordertable">
<tr>
<td> </td>
<td class="w233td"> </td>
<td id="bottomtd"> </td>
<td> </td>
</tr>
</table>
<table id="copyrighttable">
<tr>
<td> </td>
<td class="w233td"> </td>
<td id="w610td">
Copyrigt by Reliable©.
<img id="signimg" alt=" " src="images/sign.jpg" />
<a href="data/sitemap.xml">
Site Map
</a>
| 0.01274 sekund
</td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
style.css
a:link, a:visited, a:hover {
text-decoration: none;
color: #666666;
background-color: white;
}
body, td {
margin-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
background-color: white;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}
h1 {
font-weight: bold;
font-size: 0px;
}
table {
width: 100%;
border: 0px;
padding: 0px;
border-spacing: 0px;
}
#mastertable {
vertical-align: middle;
text-align: center;
}
#logotable {
height: 0px;
}
#menutable {
height: 0px;
}
.bordertable {
height: 0px;
}
#contenttable {
height: 0px;
}
#copyrighttable {
height: 0px;
}
#cloud1td {
background-image: url(image.php?name=cloud1.jpg&x=0&y=0);
background-repeat: no-repeat;
width: 0px;
white-space: nowrap;
}
#cloud2td {
background-image: url(image.php?name=cloud2.jpg&x=0&y=0);
background-repeat: no-repeat;
width: 0px;
white-space: nowrap;
}
#toptd {
background-image: url(image.php?name=top.jpg&x=0&y=0);
background-repeat: no-repeat;
width: 0px;
white-space: nowrap;
}
#bottomtd {
background-image: url(image.php?name=bottom.jpg&x=0&y=0);
background-repeat: no-repeat;
width: 0px;
white-space: nowrap;
}
#logotd, #menutd {
width: 0px;
white-space: nowrap;
vertical-align: middle;
text-align: right;
}
#contenttd {
width: 0px;
white-space: nowrap;
vertical-align: top;
text-align: justify;
font-size: 0px;
}
.w233td {
width: 0px;
white-space: nowrap;
vertical-align: middle;
text-align: center;
}
#w610td {
width: 0px;
white-space: nowrap;
vertical-align: middle;
text-align: center;
font-size: 0px;
}
#signimg {
width: 0px;
height: 0px;
}
#logoswf {
width: 0px;
height: 0px;
}
#menuswf {
width: 0px;
height: 0px;
}
#displayswf {
width: 0px;
height: 0px;
}
0
Jak do znaczkimow
0
Zwycięstwo :-) do stylu odpowiedzialnego za table, trzeba bylo dodac border-collapse: collapse;