Sådan ser koden ud:
http://b-agerschou.dk/shopping.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>BERLIN</title>
<style type="text/css">
#tekst1 {
width:400px;
height:200px;
margin-left:50px;
padding-top:5px;
color:#FFF;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:18px;
margin-top:50px;
/*background-color:#555322;*/
padding-left:5px;
padding-right:5px;
float:left;
text-decoration:none;
}
#tekst2 {
width:400px;
height:200px;
margin-left:50px;
margin-top:50px;
padding-top:5px;
color:#FFF;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:18px;
float:left;
}
a:link {
color:#FFC;
}
a:visited {
color:#C28DB9;
}
a:hover {
color:#FFF;
}
a:active {
color:#6FF;
}
</style>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="overskrift">WEBBERNES BERLINERSITE</div>
</div>
<!--header slut-->
<div id="content">
<div id="TopMenu">
<a href="index.html"><span class="menu">FORSIDE </span></a>
<a href="praktiske_oplysninger.html"><span class="menu">PRAKTISKE OPLYSNINGER</span></a>
<div class="menu"><span class="current">SHOPPING</span></div>
<a href="kort.html"><span class="menu">KORT</span></a>
<a href="galleri.html"><span class="menu">GALLERI</span></a>
<a href="links.html"><span class="menu">LINKS </span></a>
</div>
<div id="IndholdContent">
<div id="tekst1"> STORMAGASINER:<br />
<hr />
<a href="http://www.galerieslafayette.de" target="_blank"> Galleri La Fayette </a><br />
<a href="http://www.kadewe.de/en/home" target="_blank"> KaDeWe - kæmpe stormagasin med flot madafdeling</a> <br />
<a href="http://www.kulturkaufhaus.de" target="_blank"> Kaufhaus Dussmann- bøger, CDer osv.</a><br />
<a href="http://www.rejs.dk/storbyferie_berlin_shopping.asp" target="_blank"> Rejs.dk - Også god hjemmeside til shopping i Berlin</a>
</div><!--tekst slut-->
<div id="tekst2">
SJOVE SHOPPESTEDER: <br />
<hr />
Her skal der stå noget om sjove shoppesteder f.eks. Kastanien Alle - Rosenthaler str. osv.
</div><!-- end tekst 2-->
</div><!--end IndholdContent-->
</div><!--content slut-->
<div id="footer">
<div id="webmaster">Webmaster Bolette Agerschou november 2010 </div>
<div id="footermail"><a href="mailto:ba@kts.dk"> Skriv en mail til mig</a></div>
</div>
<!--footer slut-->
</div>
<!--wrapper slut-->
</body>
</html>
Sådan er det meningen den skal se ud, og det gør den i browserne (firefox og iE) på de 20 Win7 PC´ere i lokalet.
http://b-agerschou.dk/img/korrekt_udseende_pc.jpgSådan ser siden ud på tre forskellige Mac OSX maskiner (firefox og safari) og en Nokia telefon.
http://b-agerschou.dk/img/forkert_udseende_mac.jpgSiden er valideret til '0 errors' på W3 Validator.
Hvad kan denne forskel mon skyldes? Interessant problem...
Håber der er nogen der tager udfordringen op! :)
Ny bruger
Nybegynder
Opret
Preview
