ie6 alatt talán a float miatt nem működiknek a linkek
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éterA hozzá tartozó css:
■ 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>
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);
}
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);
}
(Elirtam a címet, Admin, kérlek írd át. Köszönöm)
accepted solution
(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.
Köszönöm szépen
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
Nagyon szívesen