11 svar · 510 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 :)