Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS] Problem z wyglądem menu w Firefox a IE proszę o pomoc
#1
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
Odpowiedz
#2
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> Wink
Odpowiedz
#3
(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> Wink



Dzięki za sugestie na podstronach nie ma tylu otwartych kodów <body> i to niestety tak samo wygląda Sad
Odpowiedz
#4
#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" Wink
Odpowiedz
#5
(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" Wink


Dzięki WIELKIE !!!
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  problem z tłem pod menu loose 1 3,157 06-07-2017, 20:00
Ostatni post: loose
  problem z menu p410 10 10,358 18-06-2017, 18:34
Ostatni post: lemans88
  CSS dla menu i problem z selektorami neferith 4 5,266 30-06-2016, 00:58
Ostatni post: Brain23
  MENU - poważny problem wysokości! asus 0 2,537 05-12-2014, 23:34
Ostatni post: asus
  Trzypoziomowe menu - problem rejcz 3 5,675 25-01-2014, 17:16
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl