+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Problem z wyglądem menu w Firefox a IE proszę o pomoc (/thread-css-problem-z-wygladem-menu-w-firefox-a-ie-prosze-o-pomoc)
[CSS] Problem z wyglądem menu w Firefox a IE proszę o pomoc - adrin6 - 17-06-2013
Witam wszystkich.
Mam dwa problemy ze stroną
Mój pierwszy problem dotyczy wyglądu menu. W firefox jest wszyszystko ok i strona wygląda tak jak sobie życzę .
Adres strony www.gabinet-kosmetyczny-lips.pl
Niestety w starszych wersjach IE menu układa się pionowo
Wklejam kod który odpowiada za wygląd menu na mojej stronie
Kod:
#cssmenu
ul
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:0px;
font-size:16px;
font-weight:bold;
background:transparent
url(images/nav_bg.png) repeat-x top right;
font-family:Arial, Helvetica, sans-serif;
border-bottom:0px solid #000000;
border-top:0px solid #000000;
}
#cssmenu
li
{
display:block;
float:right;
margin:0;
padding:0;
}
#cssmenu li a
{
display:block;
float:right;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:5px 10px 5px 10px;
}
#cssmenu li a:hover
{
color:#FFFFFF;
height:20px;
background:transparent url(images/nav_bg.png) 0px -30px no-repeat;
}
#cssmenu li.active a
{
display:inline;
height:0px;
background:transparent
url(images/nav_bg.png) 30px -30px no-repeat;
float:right;
margin:0;
}
}Drugi problem mam z wyskakującym okienkiem i tu tak samo w firefox jest ok w ie niestety nie.
Wklejam kod który odpowiada za to okienko
Kod:
body{
background: black") repeat scroll left top transparent;
}
#wrapper{
color:#000000;
font-family:tahoma;
font-size:14px;
margin:0 auto;
width:800px;
margin-top:50px;
}
#wrapper a{
cursor:pointer;
font-size:15px;
font-weight:bold;
text-decoration:underline;
}
.box {
background-color: BLACK;
color: #888888;
height: 570px;
left: 50%;
padding: 0px;
position: fixed;
right: 30%;
top: 5%;
width: 380px;
z-index: 101;
border:0px solid #888888;
border-radius:10px;
-moz-border-radius:10px;
}
.overlay {
background: black;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: -110;
z-index: 100;
opacity:0.5;
}
a.boxclose {
background: url("cancel.png") repeat scroll left top transparent;
cursor: pointer;
float: right;
height: 26px;
left: 32px;
position: relative;
top: 200px;
width: 26px;
}Bardzo proszę was o porady czy da się z tym coś zrobić, bo sam już nie daje rady.
Pozdrawiam
RE: [CSS] Problem z wyglądem menu w Firefox a IE proszę o pomoc - atp - 18-06-2013
Przede wszystkim musiałbyś zrobić porządek w kodzie - w przeciwieństwie do normalnych przeglądarek Internet Explorerowi mogą się nie podobać np. trzy otwarte tagi <body>
RE: [CSS] Problem z wyglądem menu w Firefox a IE proszę o pomoc - adrin6 - 18-06-2013
(18-06-2013, 01:54)atp napisał(a): Przede wszystkim musiałbyś zrobić porządek w kodzie - w przeciwieństwie do normalnych przeglądarek Internet Explorerowi mogą się nie podobać np. trzy otwarte tagi <body>
Dzięki za sugestie na podstronach nie ma tylu otwartych kodów <body> i to niestety tak samo wygląda
RE: [CSS] Problem z wyglądem menu w Firefox a IE proszę o pomoc - atp - 18-06-2013
#cssmenu li a -> usuń float:right;
W tym drugim przypadku masz popsute tutaj:
body{background: black") repeat scroll left top transparent;}
Zamień na spację, a właściwie to wystarczy zostawić "black"
RE: [CSS] Problem z wyglądem menu w Firefox a IE proszę o pomoc - adrin6 - 18-06-2013
(18-06-2013, 12:37)atp napisał(a): #cssmenu li a -> usuń float:right;
W tym drugim przypadku masz popsute tutaj:
body{background: black") repeat scroll left top transparent;}
Zamień na spację, a właściwie to wystarczy zostawić "black"
Dzięki WIELKIE !!!