Skocz do zawartości

Problem z position: fixed

lojciec14

Przez lojciec14
w HTML i CSS

Rekomendowane odpowiedzi

lojciec14 Newbie

lojciec14

Opublikowano
Opublikowano

Witam. Jako że IE jest dosyć archaiczną wg mnie przeglądarką od samego początku mam z nią problemy. Chodzi mi o dział "poradniki" w którym lewe menu jest ruchome. Po FF i Operą wszystko śmiga ładnie pięknie, ale pod IE tabelka jest nad artykułami. Jak zrobić, by wyświetlała się ona tak, jak w FF?? Problem ten występuje na pewno pod IE6, pozostałych nie sprawdzałem.

Link do strony

Odnośnik do komentarza
Udostępnij na innych stronach
  • Odpowiedzi 31
  • Dodano
  • Ostatniej odpowiedzi
lojciec14 Newbie

lojciec14

Opublikowano
  • Autor
Opublikowano

Sory, ale nie do końca rozumiem... dopiero się uczę.... Tak wygląda css w miejscu z nawigacją:

.nawigacja {position: fixed; margin-left: 8px;}

A tak kod html z strony:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta http-equiv="Content-Language" content="pl" />
 <meta name="Keywords" content="Adam Hulin" />
 <meta name="Description" content="Strona Adama Hulina" />
 <meta name="Robots" content="ALL" />
 <meta name="Lojciec14" content="noop.pl" />
 <link rel="stylesheet" href="style.css" type="text/css" />
 <script type="text/javascript" src="js/prototype.js"></script>
 <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
 <script type="text/javascript" src="js/lightbox.js"></script>
 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
 <script type="text/javascript" src="js/fixed.js"></script>  
 <title>Strona Adama Hulina - Porady, pomoce, galeria</title>
</head>
<body>
<div class="logo"><div class="google">
<form method="get" action="https://www.google.com/search">

<!-- Pole tekstowe -->
<input type="text" name="q" size="20" maxlength="255" value="Szukaj..." onfocus="if (this.value == 'Szukaj...') {this.value = '';}" 
onblur="if (this.value == '') {this.value = 'Szukaj...';}" /> 
<!-- Przycisk 'Szukaj' -->
<input name="submit" type="image" src="images/szukaj.gif" alt="Szukaj" style="vertical-align: -25%" /> 
<!-- Nasza strona -->
<input type="hidden" name="domains" value="https://www.adamhulin.yoyo.pl" />

<!-- Kodowanie znaków -->
<input type="hidden" name="ie" value="iso-8859-2" />
<input type="hidden" name="oe" value="iso-8859-2" />

</form>
</div></div>


<div class="menu"><div class="tmenu"><center>
<a href="index.html" onmouseover="document.obrazek.src='images/buttony/strona2.png'" onmouseout="document.obrazek.src='images/buttony/strona1.png'" title=" Aktualności i inne..."><img src="images/buttony/strona1.png" width="100" height="38" name="obrazek" alt="Strona Główna" /></a>
<a href="omnie.html" onmouseover="document.obrazek1.src='images/buttony/omnie2.png'" onmouseout="document.obrazek1.src='images/buttony/omnie1.png'" title=" Trochę o mnie..."><img src="images/buttony/omnie1.png" width="100" height="38" name="obrazek1" alt="O Mnie" /></a>
<a href="moje.html" onmouseover="document.obrazek2.src='images/buttony/moje2.png'" onmouseout="document.obrazek2.src='images/buttony/moje1.png'" title=" Czym się zajmuję?..."><img src="images/buttony/moje1.png" width="100" height="38" name="obrazek2" alt="Moje Hobby" /></a>
<a href="zlote.html" onmouseover="document.obrazek3.src='images/buttony/zlote2.png'" onmouseout="document.obrazek3.src='images/buttony/zlote1.png'" title=" Moje złote myśli... "><img src="images/buttony/zlote1.png" width="100" height="38" name="obrazek3" alt="Złote Myśli" /></a>
<a href="projekty.html" onmouseover="document.obrazek4.src='images/buttony/projekty2.png'" onmouseout="document.obrazek4.src='images/buttony/projekty1.png'" title=" Co aktualnie robię?..."><img src="images/buttony/projekty1.png" width="100" height="38" name="obrazek4" alt="Projekty" /></a>
<a href="poradniki.html" onmouseover="document.obrazek5.src='images/buttony/poradniki2.png'" onmouseout="document.obrazek5.src='images/buttony/poradniki2.png'" title=" Poradniki, czyli jak, co i gdzie..."><img src="images/buttony/poradniki2.png" width="100" height="38" name="obrazek5" alt="Poradniki" /></a>
<a href="kontakt.html" onmouseover="document.obrazek6.src='images/buttony/kontakt2.png'" onmouseout="document.obrazek6.src='images/buttony/kontakt1.png'" title=" Napisz do mnie..."><img src="images/buttony/kontakt1.png" width="100" height="38" name="obrazek6" alt="Kontakt" /></a>
</center></div></div>
<div class="tlo"><br/>
<div class="nawigacja">
<img src="images/nawigacja.png" alt="Nawigacja"/><br/>
<div class="tlon"><div class="nawigacjat">
<a href="poradniki.html" title="Lista poradników"> Lista Poradników: </a><br/>
+ <a href="nasza-klasa.html" title="Jak szybko i bezproblemowo zmniejszać zdjęcia na naszą-klasę??">Poradnik 1</a> <br/>
+ Poradnik 2 <br/>
</div>

</div><img src="images/koniecn.png" alt="koniec"/></div>
<div class="poradniki"></div>

<div class="tlop">
<div class="taktualnosci">
<div class="naglowek">Poradnik 1. Jak szybko zmniejszyć zdjęcie na <a href="https://nasza-klasa.pl">"naszą-klasę"??</a></div>
<div class="kreska"></div>
<div class="enter"></div>
      <a href="https://nasza-klasa.pl">Nasza-klasa</a> To jeden z największych serwisów zaistniałych ostatnio w Polsce. Niestety ograniczenie założone na wysyłanie zdjęć zmusza nas, do zmiany wielkości zdjęcia. Jak je zmiejszyć bez większej utraty jakości? Jak zamiast 2 zdjęć zamieścić 6, i stracić ten sam transfer? Mam nadzieję, że ten poradnik wam to wytłumaczy. <b><a href="nasza-klasa.html">Czytaj dalej...</a></b>
<br/>
<div class="data">29.05.2009</div>
<div class="enter"></div>
</div>
<div class="koniecp"></div></div><br/></div>
<div class="stopka"><div class="copyright"> © Copyright and design by: lojciec14</div></div>
<center> 
<p>
<a href="https://validator.w3.org/check?uri=referer"><img
	src="https://www.w3.org/Icons/valid-xhtml10-blue"
	alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
<a href="https://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
	src="https://jigsaw.w3.org/css-validator/images/vcss-blue"
	alt="Poprawny CSS!" /></a>
</p> 
 </center>

<img src="images/tlo2.png" alt="tlo"/>
</body>
</html>

Odnośnik do komentarza
Udostępnij na innych stronach
slawek22 Newbie

slawek22

Opublikowano
Opublikowano
Wg ranking.pl co 5 osoba w Polsce korzysta z IE6. Wniosek: musisz budować strony pod tą przeglądarkę.

Albo "co 5 osoba w polsce powinna poświęcić 2 minuty na upgrade przeglądarki". Skoro przez ostatnie 10 lat nie umiała tego zrobić to chyba najwyższy czas ;)

Ja bym się tam IE6 nie przejmował - skoro komuś nie zależy to niech mu się strona "rozwala". Poza tym bardziej rozbudowane frameworki js czy kod strony powoduje, że ta przeglądarka się wiesza albo działa niestabilnie. Raczej nie ma sensu pod to poprawiać kodu (albo będziesz miał nowoczesny kod który działa bardzo dobrze prawie wszędzie - albo potworka który działa "tak sobie" wszędzie i w IE6). Nie warto się wypinać na użytkowników nowoczesnych przeglądarek tylko po to, żeby wspierać jakiegoś dinozaura który za niedługo i tak padnie.

tak, tylko że wtedy będzie podwieszone na sztywno, a nie o to mi chodzi

To podwieś na sztywno tylko w IE6. google = > conditional comments.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności