ugrás a tartalomhoz

ie6 alatt talán a float miatt nem működiknek a linkek

PeterWeb · 2007. Okt. 31. (Sze), 02.33
Sziasztok!

A következő problémám merült fel, amivel 2 napi guglizás után sem sikerült megküzdenem. Az alábbi táblázatmentes elrendezésben a balsav div-ben egy olyan menüt raktam, ahol egy képet vesz körül egy link. Ez a link, valamint a jobbsav_hirlevel divben a hírlevél feliratkozás input mező, és jobbsav_linkek divben a linkek sem működnek, nem lehet rájuk kattintani. Próbáltam ie7-ben és ff-ban, ott működik. Amikor kiszedtem a float:left-et a balsav tulajdonsagai közül, akkor működött a menü, viszont széthullott az oldal.

Itt tudjátok megtekinteni az oldalt. A kapcsolódó kódot meg alább találjátok.

Köszönöm előre is a segítséget!

Péter



<div id="container">
	<div id="header"></div>
	<div id="nevnap"></div>
	<div id="elvalaszto"></div>
	
<div id="content_container">
  <div id="balsav">
	<a href="index.php?page=mikrobusz"><img src="images/menu_mikrobusz<?php current_menu('mikrobusz');?>.jpg" id="menu_mikrobusz" alt="<?php current_menu('mikrobusz');?>" title="Mikrobusz" height="22" width="154" style="margin-top: 1px; padding-left: 25px;" onmouseover="this.src('images/menu_mikrobusz_on.jpg');"></a><br>
		
  </div>
	  
   
  <div id="content"></div>
 	
  <div id="jobbsav">
	<div id="jobbsav_hirlevel"></div>
	<div id="jobbsav_linkek"></div>
  </div>


</div>


	<div id="footer"></div>
	<div id="footer_arnyek"></div>

</div>


A hozzá tartozó css:

html, body { height: 100%; }

body{
  background-image: url(images/bg.gif);
  padding: 0;
  margin: 0 0 20px 0;
 

}

#container {

width: 782px;
margin: 0px auto;
padding: 0;
text-align: left;
}


#header {

width:782px;
height: 239px;
padding: 0px;
background-image: url(images/index_01.png);

}

#nevnap {

width:782px;
height: 20px;
background-image: url(images/index_02.png);
font-family: Arial;
font-size: 12px;
font-weight: bold;
}



#elvalaszto {

width:782px;
height: 10px;
padding: 0px;
background-image: url(images/index_03.png);
font-size: 0px;;
}

#content_container {

height:100%;
        height: 798px;
}

#balsav {
margin: 0px;
        float: left;
        width:200px;
        height:100%;

        /* height: 632px; */
/* padding: 0px; */

background-image: url(images/index_04.png);
}

#content {

        float: left;
width:373px;
/* height: 632px; */
height: 100%;
padding: 0px;
background-color: #ffffff;
}

#jobbsav {
     

}

#jobbsav_hirlevel {
float: right;
width:209px;
height: 78px;
padding: 0px;
background-image: url(images/index_06.png);

}


#jobbsav_linkek {

float: right;
width:209px;
/* height: 554px; */
padding: 0px;
background-image: url(images/index_07.png);
line-height: 24px;
}


#footer {

        clear: both;
width:782px;
height: 18px;
padding: 0px;
background-image: url(images/index_08.png);
text-align: center;
margin: 0 auto;
}

#footer_arnyek {

width:782px;
height: 7px;
padding: 0px;
font-size: 0px;
float: left;
background-image: url(images/index_09.png);

}
 
1

(Elirtam a címet, Admin, kérlek írd át. Köszönöm)

PeterWeb · 2007. Okt. 31. (Sze), 02.38
.
2

accepted solution

Fraki · 2007. Okt. 31. (Sze), 03.21
Szia,

(Nem tudom, mit másoltál ide be és minek, mert egyrészt ez nem az oldalad kódja (hová tűntek az IE-s filterek?), másrészt a problémát ebből úgyse lehet megismerni, harmadrészt meg úgyis az oldal forrását fogom megnézni, és úgyis inspectorban...)

A megoldás itten van.

a, input {
  position: relative;
}
Módszer: lokalizálod a problémás css-részt: kivágod a felét -> működik -> undo -> kivágod az előző felét stb. Megvan, hogy a png a hibás, és rákeresel: ie6 png filter links not clickable.
3

Köszönöm szépen

PeterWeb · 2007. Okt. 31. (Sze), 03.56
Szia Fraki!

Köszönöm szépen a segítségedet, ez megoldotta a problémát. Sajnálom, hogy amatőr módon tettem fel a kérdést. Próbálkoztam a kivágásos módszerrel, de más eredményre vezetett. Köszönöm még egyszer!

Üdv,
Péter
4

Nagyon szívesen

Fraki · 2007. Okt. 31. (Sze), 05.57
Nagyon szívesen, nem tetted fel amatőr módon a kérdést, csak css-nél és html-nél általában nincs szükség a kód behozatalára, hiszen látjuk élesben is, meg aztán nem is biztos, hogy épp a releváns részlet kerül ide.