[CSS] Local: IE & FF2 ok! Online IE fails - Softwareontwikkeling

woensdag 29 augustus 2007 19:40

Acties:

Topicstarter

Oke, ik weet dat het voor mijzelf al weer zon +/- 1 - 1.5 jaar geleden is dat ik bezig ben geweest in html en css. Maar heb alsnog de draad opgepakt voor een clean design voor me persoonlijke website.

Nu zit ik in dreamweaver een layoutje te maken, ondertussen de images op maat aan het maken en renderen voor gebruik in de template. Css file is gemaakt, en gechecked met de W3.org validator.

Al bij al, lijkt alles goed te gaan, mijn (X)html doc bevat geen fouten en mijn css file ook niet.
HOERA! $_/-\o_$

Ik test alles hier vanaf me lokale pc, en in FF2 en in IE6 ziet het design er tiptop uit.
Nu blijkt, dat als ik alle files upload naar mijn webhost, hij in IE6 nog steeds prachtig eruit ziet,
Echter zodra ik dezelfde link open in FF, ik een deel van mijn images mist, Dit gebeurt alleen bij de images die ik gebruik in background in de optionele tags (de .-entry's)

Heeft iemand enig idee hoe ik dit opgelost kan krijgen?

Het gat ergens mis met de topbar en de closurebar

De css code is als volgt:

Cascading Stylesheet:

body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:10px;
  background-image:url(background.jpg);
  background-repeat:no-repeat;
}

td {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size:10px;
}

th {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size:10px;
}

.header {
    font-size:24px;
    font-weight:bold;
    }
    
.frontpage {
    background-color:#000000;
    background-repeat:no-repeat;
    }
    
.topbar {
    background-image:url(img/0_0.jpg);
    background-repeat:repeat-x;
    }
    
.closurebar {
    background-image:url(img/0_1.jpg);
    background-repeat:repeat-x;
    }

.leftside {
    background-image:url(img/3_1.jpg);
    background-repeat:repeat-y;
    }
    
.rightside {
    background-image:url(img/3_2.jpg);
    background-repeat:repeat-y;
    }
    
.footer {
    font-size:8px;
    }
    
.foot {
    background-image:url(img/foot.jpg);
    background-repeat:no-repeat;
    }

I can see clearly now the rain has gone. I can see all obstacles in my way.

woensdag 29 augustus 2007 19:43

Acties:

Arethusa

Niet die server

Kun je misschien je html posten en/of een testcase (je html en css) online zetten? Iets offtopic, maar waarom zit je background image niet in je img map?

[ Voor 30% gewijzigd door Arethusa op 29-08-2007 19:44 ]

I've been mad for fucking years, absolutely years, been over the edge for yonks.
Vinyl: Discogs

woensdag 29 augustus 2007 19:45

Acties:

Mopperman

Topicstarter

Arethusa schreef op woensdag 29 augustus 2007 @ 19:43:
Kun je misschien je html posten en/of een testcase (je html en css) online zetten? Iets offtopic, maar waarom zit je background image niet in je img map?

background moet nog verplaatst worden ..

correctie: in IE ziet ie er goed uit, in FF2 niet (online)

and of course,

www.ik-own.nl/test/index2.html

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ik-own.nl V.1 - We serve you the tricks!</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="980" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="359">&nbsp;</td>
    <td width="621"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="header"><div align="center">Ik-Own.nl <br />
          Tips and Tricks - Funstuff and more!</div></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><div align="center">Menu | Menu | Menu | Menu | Menu | Menu | Menu | Menu | Menu | Menu | Menu | Menu </div></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td>          <table width="620" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="22" height="23"><img src="img/1_1.jpg" alt="" width="22" height="23" /></td>
              <td width="576" height="23" class="topbar">&nbsp;</td>
              <td width="22" height="23"><img src="img/1_2.jpg" alt="" width="22" height="23" /></td>
            </tr>
            <tr>
              <td class="leftside">&nbsp;</td>
              <td><iframe height="610" width="576" frameborder="0"></iframe></td>
              <td class="rightside">&nbsp;</td>
            </tr>
          </table></td>
          </tr>
          <tr>
            <td class="foot">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><div align="center" class="footer">© 2007 - Ik-own.nl - Design made by Joris van de Klundert - Hosting provide by Bruin Internet Services. </div></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

[ Voor 8% gewijzigd door Mopperman op 29-08-2007 19:48 ]

I can see clearly now the rain has gone. I can see all obstacles in my way.

woensdag 29 augustus 2007 21:28

Acties:

Mopperman

Topicstarter

Owke.. dit is de gekste

...

loop je paar uur te kl*** blijkt het dus aan je eigen firefox te liggen..

is nu opgelost dmv browser cache te legen en ff2 opnieuw te starten.. blijkbaar de css niet goed geherladen...

I can see clearly now the rain has gone. I can see all obstacles in my way.

donderdag 30 augustus 2007 11:18

Acties:

Verwijderd

Download de webdeveloper toolbar voor firefox, een designer kan niet zonder deze tool! Hiermee kun je onderandere caching uitzetten.

donderdag 30 augustus 2007 20:41

Acties:

Mopperman

Topicstarter

tnx for the tip! zal hem eenns teste

I can see clearly now the rain has gone. I can see all obstacles in my way.

donderdag 30 augustus 2007 22:28

Acties:

Arethusa

Niet die server

Ik ben niet helemaal op de hoogte van de mogelijkheden van de developer toolbar maar ik gebruik Aardvark een firefox extensie waarmee je de bouw van de pagina kunt bekijken.

I've been mad for fucking years, absolutely years, been over the edge for yonks.
Vinyl: Discogs

vrijdag 31 augustus 2007 23:16

Acties:

Verwijderd

een site wie valideerd is trouwens niet gelijk aan goede support in elke browser (I)

Pagina: 1

Reageer