problem z wyświetlaniem menu w IE

[maciejo]

Witam,

Mam problem z wyświetlaniem menu w IE, rozjeżdża się. Kod strony jest:

<div id="sidebar">

<div>

<ul id="nav">

<li><a href="">O autorze</a></li>

<li><a href="">Projekty</a></li>

</ul>

</div>

</div>

css jest następujący:

#sidebar {

float: right;

width: 30%;

}

#sidebar div {

padding: 20px;

}

#nav {

width: 100%;

margin: 0;

padding: 0 0 0 0;

list-style: none;

background: #1495b5;

}

#nav li {

margin: 0;

padding: 0;

font-family: "Lucida Grande", sans-serif;

font-size: 100%;

font-weight: bold;

color: #000000;

}

#nav a {

display: block;

margin: 2px 2px 2px 2px;

padding: 4px 8px;

color: #333;

text-decoration: none;

border: 1px solid #9b8748;

border-bottom: none;

background: #cbfdf6;

Adres strony to republika.pl/beton2005 , gdyby ktoś mógł rzucić okiem będę wdzięczny.

[kava]

Sposób naokoło:

Wstaw spację między anchor tekstem a </a>

<li><a href="">O autorze </a></li>
<li><a href="">Projekty </a></li>

Sposób nie naokoło:

nadaj li width, np.

#nav a {
display: block;
width: 190px;

[rpnet]

#nav {
			width: 30%;
			margin: 0;
			padding: 0px 0px 0px 0px;
			list-style: none;
			background: #1495b5;
			font-family: "Lucida Grande", sans-serif;
			font-size: 100%;
			font-weight: bold;	
			float: right;	
} 

a w HTML'u:

 		<div id="nav">

			<a href="">O autorze</a>
			<a href="">Projekty</a>

	</div>

#sidebar div -> usuń

#nav li -> usuń

Pozdrawiam

rpnet

[maciejo]

Dziękuję za pomoc. Pojawił się kolejny problem. W IE kiedy zmniejszam okno przeglądarki menu przeskakuje na sam dół. Jak zrobić żeby tak jak w mozilli pojawiał się poziomy pasek przewijania?

[rpnet]

po zastosowaniu sie do moich zmian nawet przy rozdzielczosci 800x600 wszystko bedzie poprawnie wyswietlane (w IE, FF itp.)...

Sprawdzilem u siebie i dziala bez problemu...

rpnet

[maciejo]

Dzięki, zrobię tak. Skorzystam z okazji i jeszcze o coś zapytam. Robię galerię zdjęć w oparciu o listę.

<div id="content">

<ul id="galeria">

<li><img src="grafika/bluehawkbc.jpg" alt="">www.bluehawkbc.com</li>

<li><img src="grafika/ipr.jpg" alt="">www.ipr.com.pl</li>

<li><img src="grafika/tiszert.jpg" alt="">www.tiszert.com</li>

</ul>

</div>

#content {

float: left;

width: 64%;

margin-right: 5%;

}

#galeria {

list-style-type: none;

}

#galeria li {

float: left;

margin-right: 6px;

margin-bottom: 10px;

font: bold 0.8em Arial, Helvetica, sans-serif;

}

#galeria img {

display: block;

}

Chciałem żeby zdjęcia wyświetlały się obok siebie bo dwa w poziomie się zmieszczą ale tak nie jest. Opis zdjęcia wyświetla się obok niego zamiast pod nim przez co nie ma miejsca na drugi obrazek. Jeszcze jedno, walidator css nie rozumie komendy #galeria img { display: block; } a dreamwiever w kółko pokazuje mi dwa błędy w pliku css ale nie mogę ich namierzyć. https://republika.pl/beton2005 Dzięki za pomoc

[rpnet]

https://css.maxdesign.com.au/floatutorial/tutorial0406.htm

miłej zabawy .

P.S a tutaj masz validator W3C dla CSS'a

Pozdrawiam

rpnet