ugrás a tartalomhoz

Internet explorer megjelenítési probléma

frostywarrior · 2011. Aug. 9. (K), 13.22
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.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;

}
A 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.
 
1

CSS-ben miért állítgatod a

pinguka · 2011. Aug. 9. (K), 14.42
CSS-ben miért állítgatod a position-öket relative-ra meg absolute-ra?
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.
3

hiába

frostywarrior · 2011. Aug. 9. (K), 17.15
Hiába pozicionálom jobbra és balra is az elemeket, mivel nem táblázatba vannak, hanem css-el megírva és ha én most jobbra tolnám akkor igen csak szép eredményt kapnék utána.

Egyébként sose értettem ezt a relative, absolut pozició megadást, hogy mi a különbség közötte.
4

relative vs absolute

Poetro · 2011. Aug. 9. (K), 17.49
Ha valaminek a pozíciója relatív, akkor továbbra is elfoglalja azt a helyet, ahova kerülne, de elmozgathatod (az eredeti helye ekkor üres marad). Pozícionálása az eredeti helyéhez képest történik. Ha egy elem absolute van pozicionálva, akkor a koordinátája ahhoz a legközelebbi szülőhöz képest relatív, amelyik absolute vagy relative 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.
<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    .absolute {
      position: absolute;
    }
    .relative {
      position: relative;
    }
  </style>
</head>
<body>
  <div class="normal">
    <div class="relative">
      <div class="normal">
        <div class="absolute absolute1">
          <div class="normal">
            <div class="absolute absolute2"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
Ebben az esetben az absolute1 a relative osztályú képest lesz pozicionálva, míg az absolute2 az absolute1-hez képest.

Ebből következik, hogy minden abszolút relatív :-)
2

margó

Poetro · 2011. Aug. 9. (K), 15.01
Azért mert az IE más margó méretet használ az UL elemekhez. Mondjuk állíts be 0-t. Egyébként a sötét szürke háttéren, te hogyan látod a fekete betűket?
5

doctype

Karvaly84 · 2011. Aug. 9. (K), 19.05
Hello!

A Dokumentum típus deklaráció előtt ne legyen szóköz! Mert Explorer ilyenkor már "trükközik"!
6

ja és még valami, ha UTF-8 a

Karvaly84 · 2011. Aug. 9. (K), 19.17
ja és még valami, ha UTF-8 a kódlap, ajánlott az UTF-8 BOM nélkül használata éppen ez miatt mert rejtett karaktereket helyez el a dokumentum első sorába.
7

Rájöttem már arra hogy a bár miért csinálta ezt.

frostywarrior · 2011. Aug. 9. (K), 20.09
Sziasztok!

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.
8

<!--[if IE]> <link

Lord Fren · 2011. Aug. 10. (Sze), 21.20
<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
Használd ezt ha csak IEvel van a baj. A másik hogy ie 7-8-9 től sok problémát vet fel, ezért manapság át szoktuk állítani az ieket úgy hogy ie7 legyen.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
Így verzió töredezettséget is eliminálsz. A fenti kóddal pedig csak ie-re jellemző hibákat orvosolhatod ^^