Witam,
Mam pewną stronę, która wyświetla się bardzo dobrze we wszystkich przeglądarkach tylko nie w IE. Tam wygląda tak jakby się menu nie mieściło w divie. Nie wiem jak to naprawić.
Witam,
Mam pewną stronę, która wyświetla się bardzo dobrze we wszystkich przeglądarkach tylko nie w IE. Tam wygląda tak jakby się menu nie mieściło w divie. Nie wiem jak to naprawić.
Która wersja IE ?
IE w wersji 10
Może daj kod, to będziemy mieć jakieś możliwości, żeby Ci pomóc. I jeszcze zdj. może zrób jak to wygląda.
Tutaj jest kod css tego menu, mam zrobioną rozwijaną listę, ale jej nie używam.
primary-menu,
#lp-contacts {
position: relative;
float: right;
max-width: 740px;
height: 120px;
}
.rs-menu,
.select-menu { display: none; }
#primary-menu ul {
position: relative;
margin: 0;
}
#primary-menu ul li {
position: relative;
float: left;
height: 120px;
background: url("images/icons/menu-divider.png") no-repeat left center;
margin-left: 1px;
}
#primary-menu ul li:first-child {
padding-left: 0;
background-image: none;
margin-left: 0;
}
#primary-menu ul li:first-child span { display: none; }
#primary-menu li a {
display: inline-block;
border-top: 4px solid transparent;
padding: 35px 16px 38px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
font-family: Tahoma, Geneva, sans-serif;
color: #444;
}
#primary-menu li a span {
display: block;
margin-top: 2px;
top: 0;
color: #777;
font-family: "Open Sans", serif;
font-size: 11px;
font-weight: 400 !important;
text-transform: capitalize;
}
#primary-menu li i { margin-right: 2px; }
#primary-menu li:first-child a span {
display: block;
top: 0;
}
#primary-menu > ul > li:hover,
#primary-menu ul li.current,
#primary-menu > ul > li.current-menu-ancestor,
#primary-menu > ul > li.current-menu-parent,
#primary-menu > ul > li.current-menu-item,
#primary-menu > ul > li.current_page_parent { background: #57B3DF; }
#primary-menu ul li.current a,
#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current-menu-ancestor > a,
#primary-menu > ul > li.current-menu-parent > a,
#primary-menu > ul > li.current-menu-item > a,
#primary-menu > ul > li.current_page_parent > a {
border-top-color: rgba(0,0,0,0.1);
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#primary-menu > ul > li:hover a span,
#primary-menu ul li.current a span,
#primary-menu > ul > li.current-menu-ancestor a span,
#primary-menu > ul > li.current-menu-parent a span,
#primary-menu > ul > li.current-menu-item a span,
#primary-menu > ul > li.current_page_parent a span { color: #EEE; }
#primary-menu ul li:hover > ul {
display: block;
}
#primary-menu ul ul {
visibility: hidden;
z-index: 200;
width: 200px;
margin: 0;
position: absolute;
top: 121px;
left: 0;
}
#primary-menu ul ul li {
display: block;
float: none;
margin: 0;
padding: 0;
height: auto;
border: none;
background-image: none;
background-color: #57B3DF;
margin-top: 1px;
}
#primary-menu ul ul li:first-child {
border-top: 0;
margin-top: 0;
}
#primary-menu ul ul ul {
margin: 0;
left: 201px !important;
top: 0;
*top: 1px;
}
#primary-menu ul ul a {
display: block;
height: 40px;
line-height: 40px;
padding: 0 15px;
border: none;
text-transform: capitalize;
color: #FFF;
font-weight: normal;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#primary-menu ul ul a:hover,
#primary-menu ul ul li:hover > a {
font-weight: bold;
background-color: rgba(0,0,0,0.1);
}
#primary-menu ul ul a span { display: none !important; }
#primary-menu ul ul ul li:first-child a { border-top: none; }
#primary-menu ul > li.sub-menu > a > div {
background-image: url("images/icons/mainsubmenu.png");
background-position: right top;
background-repeat: no-repeat;
padding-right: 16px;
}
#primary-menu ul > li.sub-menu:hover > a > div,
#primary-menu ul li.current.sub-menu > a > div,
#primary-menu > ul > li.current-menu-ancestor.sub-menu > a > div,
#primary-menu > ul > li.current-menu-parent.sub-menu > a > div,
#primary-menu > ul > li.current-menu-item.sub-menu > a > div,
#primary-menu > ul > li.current_page_parent.sub-menu > a > div { background-image: url("images/icons/mainsubmenuh.png"); }
#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
background-image: url("images/icons/submenu.png");
background-position: right center;
background-repeat: no-repeat;
}
#primary-menu ul ul > li.sub-menu > a > div,
#primary-menu ul ul > li.sub-menu:hover > a > div {
background-image: none;
padding-right: 0;
}
#primary-menu ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
A tutaj zdjęcie:
DOBRE:
http://wgraj-zdjecie.pl/fYh.jpg
ZŁE w IE:
http://wgraj-zdjecie.pl/gYh.jpg
Znika mi zakłądka "Kontakt, jakby się nie mieściła
Proszę zapoznać się z regulaminem, a w nim z informacjami o dozwolonych maksymalnych wielkościach grafik umieszczanych w postach.
Powiem Ci tak na szybko, że u mnie w Google Chrome i Mozilli menu wyświetla się tak jak to na dole. I nie ma zakładki kontakt.
Hmmm bardzo dziwne, u mnie normalnie, także na tablecie i telefonie w operze. zwiększę wielkość diva, coś pokombinuję, może pomoże.
– Dodane 21.08.2013 (Śr) 11:19 –
Kurcze, alej nie wiem o co chodzi, trochę zwiększyłem wielkość menu i dałem na float left, żeby obok loga było i w ie dalej coś nie tak, teraz w ie mi wyświetla menu pod logiem. ;/
– Dodane 21.08.2013 (Śr) 11:36 –
Ok, udało mi się zrobić, wszystko wyświetla się ładnie, tylko w IE w lewym górnym rogu są jakieś dwa kwadraciki, nie wiem dalczego.
Sęk w tym, że ja w ogóle nie używam takich obrazkó jak 4.gif czy 6.gif, w kodie strony nie mam w ogóle (w pliku index.php)
[/code]
Ale podejrzewam, że jest to związane w licznikiem odwiedzin na ip. tutaj jego kod:
[code]<?PHP function alreadyVisited($ip) { if(($fd = @fopen(“visited_ip.txt”, “r+”)) === false) return false; while(!feof ($fd)){ $line = trim(fgets($fd)); if($line == $ip){ fclose($fd); return true; } } fputs($fd, $ip."\r\n"); fclose($fd); return false; } function getCounter() { if(($fp = @fopen(“counter.txt”, “r+”)) === false) return “0”; $count = fgets($fp); if(!alreadyVisited($_SERVER[‘REMOTE_ADDR’])){ $count = $count + 1; fseek($fp, 0); fputs($fp, $count); } fclose($fp); $count = strval($count); $strLength = strlen($count); $imgStr = “”; for($i = 0; $i < $strLength; $i++){ $temp = $count[$i]. ‘.gif’; $imgStr .= "
Zrobiłem index.php, ponieważ mam tam licznik i jak index będzie o rozszerzeniu .html to on nie działa. Nie mam w kodzie w ogóle czegoś takiego jak 8.gif jak i w plikach też tego nie mam. Podejrzewam a nawet jestem pewien, że to przez ten counter.
– Dodane 22.08.2013 (Cz) 12:38 –
W counterze pewnie ta linijka mi to generuje automatycznie:
$temp = $count[$i]. '.gif';
$imgStr .= "";[/code]