Internet explorer megjelenítési probléma
Sziasztok!
Van egy webáruházam és chrome, firefox-al tök jól megjelenít mindent, de valamiért IE-ben elcsúsztatja az oldalsó menü rendszert.. Miért???
Ez előtt tök jól működöt...
http://wizardsoft.hu/bizomany.php
http://wizardsoft.hu/hasznalt.phpA másik problémám, hogy az alsó lábjegyzet kép részletet is feltolja a menüre, mi lehet a bibi??
http://wizardsoft.hu/elfelejtettjelszo.php
Előre is köszönöm válaszaitokat.
■ Van egy webáruházam és chrome, firefox-al tök jól megjelenít mindent, de valamiért IE-ben elcsúsztatja az oldalsó menü rendszert.. Miért???
Ez előtt tök jól működöt...
http://wizardsoft.hu/bizomany.php
http://wizardsoft.hu/hasznalt.php
<div class="menuLocationDivRight">
<!--Ide kerül majd a jobb oldali reklámok,bannerek stb..-->
<div class="Center"> <img src="pictures/szamitogep.jpg" alt="Számítógép"/>
<a href="http://www.pcarena.hu/" title="PC Aréna Partner"><img src="http://www.pcarena.hu/images/banner/pcarena-deal.png" alt="PC Aréna Partner" border="0" align="top"></a>
<p class="brandText">Made by WizardSoft Kft. <br />
Minden jog Fenntartva!</p>
</div>
</div>
<div class="menuLocationDivLeft">
<div id="menu">
<!--Ide kerül majd a bal oldali menüpontok stb..-->
<ul>
<h1 class="menuText">Számítástechnika</h1>
<ul>
<li><a href="programozas.php" ><span >Programozás</span></a></li>
<li><a href="rendszer.php" ><span>Rendszer Kiépítés</span></a></li>
</ul>
<h1 class="menuText">Informatikai Értékesítés</h1>
<ul>
<li><a href="bizomany.php" class="current"><span>Bizományos Termék</span></a></li>
<li><a href="hasznalt.php" ><span>Használt Termék</span></a></li>
<li><a href="wizardsoft.computeremporium.hu" ><span>Új Termék</span></a></li>
</ul>
<h1 class="menuText">Egyéb Munkaköreink</h1>
<ul>
<li><a href="piac.php" ><span>Piacfelmérés </span></a></li>
<li><a href="epito.php" ><span>Építőmesteri Munkák </span></a></li>
</ul>
</ul>
</div>
</div>
<div class="footer"> </div>
</div>
<!--contactContent-->
</div>
<!--logoDiv-->
</div>
<!--mainDiv-->
</body>
</html>
.menuLocationDiv {
position: relative;
width: 950px;
height: 26px;
left: 50%;
bottom: 0;
margin-left: -475px;
margin-top: 0;
background-color:#CCCCCC;
}
.menuLocationDivRight {
background-image:url(pictures/bar.jpg);
position: absolute;
width: 180px;
height: 680px;
top: 5px;
left:82%;/*background-color:#dcdcdc;*/
}
.menuLocationDivLeft {
background-image:url(pictures/bar.jpg);
position: absolute;
width: 180px;
height: 680px;
top: 5px;
left:-2.05%;/*background-color: #dcdcdc;*/
}
/*MenuBalOldal*/
#menu {
position: relative;
margin-top:23px;
margin-left:3px;
text-align: left;
font-size:12px;
width: 150px;
font-weight:bold;
}
#menu ul {
padding: 2px 1px 3px 13px;
list-style-type: none;
width: 150px;
text-align: left;
background-color: #cccccc;
}
#menu ul li {
margin: 0px 5px 2px 0px;
padding: 0px 2px 0px 0px;
}
#menu ul li a {
/*color:#1f09a9;*/
color:black;
text-decoration: none;
padding: 5px 10px;
display: block;
/*border: 0.5px dashed #1f09a9;*/
/*background-color: #f9ea90;*/
background-color: #cccccc;
}
#menu ul li a:hover, #menu ul li a.current {
color: white;
text-decoration: none;
background-color: black;
}
#menu ul li a.current span {
display:block;
width:auto;
}
http://wizardsoft.hu/elfelejtettjelszo.php
Előre is köszönöm válaszaitokat.
CSS-ben miért állítgatod a
Van ennek valami különösebb oka? Mert szerintem nincsen, és valószínüleg emiatt is csúszik szét az oldalad.
Nézd át ezeket a dolgokat, különösen a float-ot. Gondolom ennek a helyettesítésére használod a pozicionálásokat.
hiába
Egyébként sose értettem ezt a relative, absolut pozició megadást, hogy mi a különbség közötte.
relative vs absolute
absolute
van pozicionálva, akkor a koordinátája ahhoz a legközelebbi szülőhöz képest relatív, amelyikabsolute
vagyrelative
van pozicionálva (ha nincs ilyen, akkor az ablakhoz képest).Az
absolute
pozicionált elem kiesik a dokumentum folyamából, abból nem foglal helyet, és méretei akkorára zsugorodnak, amekkorában a tartalom minimálisan elfér.absolute1
arelative
osztályú képest lesz pozicionálva, míg azabsolute2
azabsolute1
-hez képest.Ebből következik, hogy minden abszolút relatív :-)
margó
doctype
A Dokumentum típus deklaráció előtt ne legyen szóköz! Mert Explorer ilyenkor már "trükközik"!
ja és még valami, ha UTF-8 a
Rájöttem már arra hogy a bár miért csinálta ezt.
Valami elírás volt benne a href-elésnél és kicseréltem az index.php href részére és utána mindegyik oldal jó lett.Hogy miért azt nem tudom? :O De az biztos, hogy már mos kezdem utálni az IE-t :D...
Nem soká feltöltöm az eredeti szerverre és megmutatom(kb.holnap).
Nagy itt a kavarodás egy kicsit mert most chrome-ba, mozillába és IE is menni-e kell tökéletesen. Van két szabadnapom és hát bele feccelem az időm :)
Remélem mindenki segítség adó jó tanácsát megtudom fogadni és bele tudom írni a webáruházba ...
Ha van esetleg még ötletetek, hogy lehet ne még jobbá tenni. Szívesen várom.
Előre is köszi.
<!--[if IE]> <link