11 svar · 515 visningar · startad av grennfox
När jag går in och kollar på min hemsida i mozilla firefox så ser sidan ut som den ska,
Men sen när jag går in och kollar på den i internet explorer så hamnar menyn en aning fel, + att vissa länkar få en blå ram runt sig.
Nån som kan ha någon aning om vad som är fel?
Ja, bilder få en border i IE, sätt en CSS på det, margins och padding fungera lite olika i olika webbläsare, utan att se din sida så är det inte jätte enkelt att svara på dina frågor 
a img { border: 0 }
Oj glömde visst lägga in bilderna.
Men så här ser det ut iallafall.
Den första bilden det är så det ska se ut, och den andra så ser det ut i internet explorer
box modeller i IE är lite annolunda än vad de är på andra webbläsare http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug kan du läsa om det.
läste igenom det där, och fatta vad som är själva problemet, men jag har ingen aning om hur jag ska kunna lösa problemet 
ge oss en länk/html-css kod omöjligt att ge ett korrekt svar bara genom bilder.
<style type="text/css">
<!--
body {
text-align: center;
background-color: #C9D6E2;
}
#logga {
height: 203px;
width: 900px;
margin-right: auto;
margin-left: auto;
background-image: url(Logga/Logga.gif);
}
#meny {
height: 32px;
width: 900px;
margin-right: auto;
margin-left: auto;
background-color: #5DAADD;
text-align: right;
}
#text {
text-align: center;
height: 333px;
width: 900px;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
background-color: #FFF;
float: none;
}
#bild {
height: 333px;
width: 500px;
background-image: url(bilder/Start%20Bild.jpg);
margin-top: 5px;
margin-left: 2px;
float: left;
}
#Starttext {
float: right;
height: auto;
width: 350px;
margin-top: 5px;
margin-right: 20px;
}
#text2 {
height: 150px;
width: 900px;
margin-right: auto;
margin-left: auto;
background-color: #FFF;
}
#footer {
background-color: #5DAADD;
height: 23px;
width: 900px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}
.Länk1 {
color: #FFF;
background-color: #FFF;
}
.Länk2 {
color: #5DAADD;
background-color: #5DAADD;
}
-->
</style>
<style type="text/css">
<!--
p.MsoNormal {
margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:0cm;
line-height:115%;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
}
a:link {
text-decoration: none;
color: #930;
}
a:visited {
text-decoration: none;
color: #930;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a {
font-family: Georgia, Times New Roman, Times, serif;
}
#footer p a {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
}
-->
</style>
</head>
<body>
<!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag-->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** -->
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="menu",awmBN="766";awmAltUrl="";</script><script charset="UTF-8" src="menu.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR menu ******** -->
<div id="logga"></div>
<div id="meny"><a href="http://axelsonsmassageklinik.bokadirekt.se"><img src="bilder/BokaTid_Vit_MorkBakgrund_90px.png" width="82" height="28" class="Länk2" /></a>
</div>
<div id="text">
<div id="bild"></div>
<div id="Starttext">
<p> </p>
<p class="MsoNormal"><span style="line-height:115%; font-family:'Georgia','serif'; font-size:20.0pt; ">Välkommen till Axelsons Massageklinik! </span></p>
<p class="MsoNormal"> </p>
<p> </p>
<p><a href="http://axelsonsmassageklinik.bokadirekt.se"><img src="bilder/BokaTid_Gron_MorkBakgrund_120px.png" width="145" height="41" class="Länk1" /></a>
</div>
<p> </p>
<p> </p>
</div>
<div id="text2"></div>
<div id="footer"></div>
</body>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18044306-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</html>
Kopirade in hela koden här så kanske det blir lite lättare 
vad är det för doctype du kör?
menyn genereras av JS kod, bli inte enkelt att hjälpa dig
är menyn en bild?
<div id="meny"><a href="http://axelsonsmassageklinik.bokadirekt.se"><img src="bilder/BokaTid_Vit_MorkBakgrund_90px.png" width="82" height="28" class="Länk2" /></a></div>
?? ett tips är också att använda [kod]-elementet på wF så bli det betydligt enklare att läsa kod och text
menyn är gjort i ett program, fuskade lite där, men man kan säga att det är en bild.
Okej tack så mkt för tipset
Ett tips är att alltid jobba med ett "CSS reset"-stylesheet i grunden. Det försöker nollställa alla olika standardvärde som finns mellan olika webbläsare.
Om man utgår ifrån ett reset-sheet i grunden blir det ofta lättare i längden.
Här har du ett exempel:
http://meyerweb.com/eric/tools/css/reset/
Vissa ramverk såsom CSS Blueprint har även en del som gör just detta.
man tackar så mkt för snabba svar