Forum PHP.pl > Problem z menu w css'ie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Mayka

10.10.2011, 19:00:11

Witam napisałem sobie takie menu w css'ie i teraz mam problem bo w IE i Operze jest ok a w mozilli jest kicha bo brakuje 3czy4px żeby menu było takie szerokie jak strona.. Bo jak zwiększę którykolwiek parametr(padding) to menu przeskakuje menu do drugiej linii..
To całe menu, zapakowane w nagłówek, Mogłby ktoś zerknąć na to i powiedzieć co jest nie tak ? Jak to zrobić żeby bylo ok w IE i FF ?

Kod

ul, ul li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul {
    float: left;
    background-color: #fff;
    padding: 0px 3px 0px 1px;
    border: 0px;
}

ul li {
    float: left;
    margin-left:5px;
}

ul a:link, ul a:visited {
    text-decoration: none;
    display: block;
    font-weight: bold;
    background: #fff url("tlo_menu.png") repeat-x center;
    color: #fff;
    padding: 7px 55px;
    border-right: 3px solid #fff;
}

ul a:hover {
    background-color: #fff;
    background-image: url("tlo_menu2.png");
}
#naglowek {
    background-color: #fff;
    height: 129px;
    margin: 0;
    padding: 0;
    width: 100%;
}

ShadowD

10.10.2011, 19:28:32

A może live?

Ps. Html mamy zgadywać?

Mayka

10.10.2011, 21:31:50

[HTML] pobierz, plaintext 
<div id="naglowek">
	<ul>
<li><a href="index.html">Menu1&nbsp</a></li>
<li><a href="index.html">menu2&nbsp</a></li>
 
<li><a href="index.html">menu3</a></li>
<li><a href="index.html">menu4</a></li>
<li><a href="index.html">menu5</a></li>
</ul></center>
	</div>
[HTML] pobierz, plaintext

Prosze bardzo foto:

superhorse

12.10.2011, 10:34:44

spróbuj do nagłówka dodać:

position: relative;

ale nie jestem pewien czy to na pewno załatwi sprawę bo nie wiem jak wygląda wszystko na stronie. Czy to menu ma się rozciągać na całą szerokość strony czy też nie ?
Bo jeśli tak to może warto zrobić w kodzie html w ten sposób:

[HTML] pobierz, plaintext 
<center>
<div id="naglowek">
</div></center>
[HTML] pobierz, plaintext

Bo ja tak patrzę na swoje menu i mniej więcej tak mam. Z tym że nie mam całą szerokość strony, lecz z lewej jest przerwa. Ale to jest spowodowane faktem iż mam określoną szerokość menu.
Stronę o której mówię znajdziesz na:
http://www.magdasteczkowska.pl
Jeśli o coś takiego Tobie chodzi to mogę Tobie dać źródło pliku css.

Mayka

14.10.2011, 19:26:42

<center> tutaj nie pomaga niestety.. tak juz probowałem.. nadal jest przerwa z prawej strony.. jak dołoże po 1px do każdego buttona to mi przeskakuje do nastepnej linijki ostatni..

qrooel

14.10.2011, 20:56:55

Wrzuć to na jakiś serwer, to Ci ktoś z pomocą firebuga naprawi to w 2 minuty.

Damonsson

14.10.2011, 21:24:33

[CSS] pobierz, plaintext 
ul {
    float: left;
    background-color: #fff;
    padding: 0px 3px 0px 1px;
    border: 0px;
}
[CSS] pobierz, plaintext

Skoro masz 3px, no to logiczne, ze Ci odsuwa na 3px.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.