Menu w CSS - problem ze spadającym li - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Menu w CSS - problem ze spadającym li › Menu w CSS - problem ze spadającym li

Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!newsfeed2.atman.pl!newsfeed.
atman.pl!goblin1!goblin.stu.neva.ru!news.astraweb.com!border5.a.newsrouter.astr
aweb.com!border2.nntp.ams.giganews.com!nntp.giganews.com!feeder2.cambriumusenet
.nl!feed.tweaknews.nl!209.197.12.242.MISMATCH!nx01.iad01.newshosting.com!newsho
sting.com!newsfeed.neostrada.pl!unt-exc-01.news.neostrada.pl!unt-spo-a-02.news.
neostrada.pl!news.neostrada.pl.POSTED!not-for-mail
Date: Tue, 22 Apr 2014 10:45:30 +0200
From: jameno <j...@w...pl>
Reply-To: j...@w...pl
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.28) Gecko/20120306
Thunderbird/3.1.20
MIME-Version: 1.0
Newsgroups: pl.comp.www
Subject: Menu w CSS - problem ze spadającym li
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
Lines: 109
Message-ID: <53562c28$0$2230$65785112@news.neostrada.pl>
Organization: Telekomunikacja Polska
NNTP-Posting-Host: 178.43.210.21
X-Trace: 1398156328 unt-rea-b-01.news.neostrada.pl 2230 178.43.210.21:1432
X-Complaints-To: a...@n...neostrada.pl
Xref: news-archive.icm.edu.pl pl.comp.www:402696
[ ukryj nagłówki ]

Witam

Mam problem z szerokością menu - przy różnych rozdzielczościach ostatnia
pozycja menu w konkretnym przypadku - kontakt - "spada w dół" poniżej
całej linii

*****************************************
* * * * * * - tak powinno wyglądać
*****************************************

a tak wygląda

*********************************
* * * * *
*********************************

********
*
********

część body

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#222;
min-width:1020px;
background: url(../images/pasek3.png);
background-repeat:repeat;
}
.ic, .ic a
{border:0;float:right;background:#fff;color:#f00;wid
th:50%;line-height:10px;font-size:10px;margin:-220%
0 0 0;overflow:hidden;padding:0}
.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat}
.main {width:1020px;padding:0;margin:0
auto;font-size:0.875em;line-height:1.785em;backgroun
d:#fff}..........................................

część header

header {
width:100%;
position:relative;
z-index:2;
}
.row-top {
width:100%;
min-height:101px;
background:url(../images/row-top-tail.gif) left top repeat-x #f6a20e;
border-radius:9px 9px 0 0;
-moz-border-radius:9px 9px 0 0;
-webkit-border-radius:9px 9px 0 0;
position:relative;
overflow:hidden;
z-index:1;
}

całe menu

.menu {
padding:0 0 0 0;
width:100%;
margin-top:-9px;
position:relative;
z-index:2;
}
.menu li {
float:left;
position:relative;
padding-right:2px;
background:url(../images/menu-spacer.gif) right top repeat-y;
}
.menu li.last {background:none; padding:0}
.menu li a {
display:block;
font-size:20px;
font-weight:405;
line-height:2em;
padding:6px 64px 8px 65px;
color:#fff;
/* text-transform:capitalize; */
letter-spacing:-1px;
background:#444444;
}
.menu li:first-child a {
padding:6px 0 8px;
width:62px;
text-indent:-9999px;
background:url(../images/menu-home-icon.png) center center no-repeat
#2b2b2b;
border-radius:9px 0 0 9px;
-moz-border-radius:9px 0 0 9px;
-webkit-border-radius:9px 0 0 9px;
}
.menu li.last a {
padding:6px 54px 8px 52px;
border-radius:0 9px 9px 0;
-moz-border-radius:0 9px 9px 0;
-webkit-border-radius:0 9px 9px 0;
}
.menu li a.active,
.menu > li > a:hover {background-color:#968e8e}