Menu strony źle wyświetla się w Internet Explorer 10


(Kernelus) #1

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


(jacko1998) #2

Która wersja IE ?


(Kernelus) #3

IE w wersji 10


(jacko1998) #4

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.


(Kernelus) #5

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:

ZŁE w IE:

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.


(jacko1998) #6

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.


(Kernelus) #7

Hmmm bardzo dziwne, u mnie normalnie, także na tablecie i telefonie w operze. :expressionless: 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. :confused:


(Gerard Zurek) #8

(Kernelus) #9

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 .= " $temp


(Gerard Zurek) #10

(Kernelus) #11

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]