Hello
I have made a web page which contains styles and templates
Here is a style:
A:link{
color: brown;
}
#template-01 {
position:absolute;
left:0px;
top:0px;
width:760px;
height:212px;
background-image: url(img/template_01.jpg);
}
#template-02 {
position:absolute;
left:0px;
top:212px;
width:202px;
height:69px;
text-align: center;
background-image: url(img/template_02.jpg);
}
#template-03 {
position:absolute;
left:202px;
top:212px;
width:558px;
height:483px;
overflow:auto;
font-family: Monotype Corsiva;
font-size: 18px;
text-align: justify;
background-image: url(img/template_03.jpg);
}
#template-04 {
position:absolute;
left:125px;
top:281px;
width:23px;
height:419px;
background-image: url(img/template_04.jpg);
}
#template-05 {
position:absolute;
left:148px;
top:281px;
width:113px;
height:27px;
background-image: url(img/template_05.jpg);
}
#template-06 {
position:absolute;
left:261px;
top:281px;
width:66px;
height:60px;
background-image: url(img/template_06.jpg);
}
#template-07 {
position:absolute;
left:148px;
top:308px;
width:113px;
height:33px;
background-image: url(img/template_07.jpg);
}
#template-08 {
position:absolute;
left:148px;
top:341px;
width:144px;
height:30px;
background-image: url(img/template_08.jpg);
}
#template-09 {
position:absolute;
left:296px;
top:341px;
width:35px;
height:359px;
background-image: url(img/template_09.jpg);
}
#template-10 {
position:absolute;
left:148px;
top:371px;
width:144px;
height:27px;
background-image: url(img/template_10.jpg);
}
#template-11 {
position:absolute;
left:148px;
top:398px;
width:144px;
height:302px;
background-image: url(img/template_11.jpg);
}
..tytul{
text-align: center;
}
..podtytul{
text-indent: 5%;
margin: 3%;
}
..email{
}
td{
text-align: center;
}
#info{
text-align: left;
}
p{
margin: 3%;
text-indent: 5%;
font-size: 20px;
}
..red{
color: red;
}
img{
border: none;
}
table{
text-align: center;
border: none;
}
and here is a template code:
<?xml version="1.0" encoding="ISO-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Pracownia Lamp i Witraży Artystycznych</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
<!-- ImageReady Styles (template.psd) -->
<link href="style.css" rel="stylesheet" type="text/css"/>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#996600; margin-top: 0px; margin-bottom: 0px;
margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (template.psd) -->
<div id="template-01">
</div>
<div id="template-02">
<table cellspacing="5">
<tr><td><a href="?l=pl"><img src="img/pl.gif" alt=""/></a></td><td><a
href="?l=en" alt=""><img src="img/gb.gif" alt=""/></a></td><td><a
href="?l=de"><img src="img/de.gif" alt=""/></a></td></tr>
</table>
</div>
<div id="template-03">
<p>{$tekst}</p>
</div>
<div id="template-04">
</div>
<div id="template-05">
<a href="glowna.php"><img src="img/template_05{$jezyk}.jpg" width="113"
height="27" alt=""/></a>
</div>
<div id="template-06">
</div>
<div id="template-07">
<a href="oferta.php"><img src="img/template_07{$jezyk}.jpg" width="113"
height="33" alt=""/></a>
</div>
<div id="template-08">
<a href="informacje.php"><img src="img/template_08{$jezyk}.jpg" width="144"
height="30" alt=""/></a>
</div>
<div id="template-09">
</div>
<div id="template-10">
<a href="kontakt.php"><img src="img/template_10{$jezyk}.jpg" width="144"
height="27" alt=""/></a>
</div>
<div id="template-11">
</div>
<!-- End ImageReady Slices -->
</body>
</html>
adress of a site is www.bakula.eu
And the problem:
In IE everything displays OK (excepting one thing) but in FF two images
aren't displayed at all - template-01 and template-03. The div size is equal
to background image sizes. I've also noticed that on my local server (on
linux and windows sytem) everything is ok, this problem is only on a remote
server. Another annoying (the "one thing" shows above) thing is that long
unexpecting horizontal line which only appears on a remote server. I don't
know what to do
Remote server is php 4 on linux machine with php 4.4.x
I have used this kind of programming many times (div and background-images)
many times - without problems
Any suggestions ?
Thank you
