Pokaż wyniki od 1 do 3 z 3
  1. 20-07-08, 15:39 #1
    Arturze
    Arturze jest nieaktywny
    Obserwator
    Dołączył
    July 08
    Postów
    1
    Siła Reputacji
    0

    Twoja ocena: Yes No

    Elementy na stronie - przemieszczające się elementy?

    Witam! Mam dość nietypowy problem, ale tak mnie to "męczy", że muszę to rozgryść, dlatego proszę o pomoc.

    Mój problem polega na tym, że elementy na stronce poruszają się wraz ze zmianą rozmiaru okna przeglądarki.

    Po zastosowaniu "margin: 0 auto;" wszystko jest ładnie wyśrodkowane, ale gdy zmniejszę okno przeglądarki elementy również się przesuwają. Wygląda to tak:

    http://img230.imageshack.us/my.php?image=problemcj1.jpg

    Na obrazku:
    1. Wszystko jest w porządku.
    2. Po zmniejszeniu o połowę elementy przemieściły się. Jak widzimy menu zostało na swoim miejscu.
    3. Po kolejnym zmniejszeniu już wszystko się poprzestawiało oprócz menu.

    Kod:
    Kod:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl" dir="ltr">
   <head>
   
      <meta http-equiv="content-type" content="text/html;charset=ISO-8859-2" />
      <meta name="description" content="opis" />
      <meta name="keywords" content="slowa,kluczowe" />
      <meta name="language" content="pl" />

      <title>Nazwa</title>             
         <style type="text/css">
 
html, body
{
background: #E7D9D8 url(tlo.jpg);
background-repeat: no-repeat;
background-position:top center;
margin:0 auto;
padding: 0;
text-align: center;
}

 
div#dojazd
  {
  background-color:Blue;
  width:763px;
  height:293px;
  position:relative;
    top:430px;
     margin:0 auto;
  }

div#mapa
    {
     background-color:Yellow;
     position:relative;
     top:400px;
     margin:0 auto;
    width:350px;
     height:340px;
    } 
   
    div#menu
 {
position: relative;
 top:-505px;
 margin: 0 auto;
 display: block;
 width:1000px;
 height:auto;
  }

 a
{
white-space: nowrap;
color:White;                                                                                                                                 
text-decoration:none;
padding:25px;
font-size: 18pt;
 }
 
    div#adres
   {
   border-bottom:solid 1px navy;
   border-top:solid 1px navy;
   position:relative;
   top:-460px;
    width:350px;
    height: auto;
     margin: 0 auto;
      }
   

   
   
   div#www
 {
margin:0 auto;
padding:0;
text-align:center;
position:relative;
overflow: auto;
height:1250px;
overflow: auto;
display: block;
 }


 </style>
 

 </head>
  <body>

<div id="www">

<div id="mapa"></div>
<div id="dojazd"></div>

<div id="menu">
<a href="">Menu I</a>
<a href="">Menu II</a>
<a href="">Menu III</a>
<a href="">Menu IV</a>
</div>

<div id="adres">
<p>tekstekstteksttekstteksttekstteksttekstteksttekstteksttekstt<br />eksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttek<br />sttekstteksttekstteksttekstteksttekstteksttekstt<br />eksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttek</p>
</div>


</div>

</body>
</html>
    Proszę o pomoc, pozdrawiam.
    Odpowiedź z cytatem Odpowiedź z cytatem
  2. 09-07-09, 10:28 #2
    Tomoyo
    Tomoyo jest nieaktywny
    Obserwator
    Dołączył
    July 09
    Postów
    12
    Siła Reputacji
    0

    Twoja ocena: Yes No

    Dość dziwne.
    Może masz nie ustawioną rozdzielczość monitora i to wszystko wraz z przeglądarką IE zmienia wygląd strony?
    Spróbuj pokombinować z monitorem, powinno zadziałać (z doświadczenia wiem xD').
    I sprawdż czy np. na operze też Ci tak meni przełazi x]
    Dlaczego poruszam temat przeglądarki?
    Bo, bywa iż IE zmienia wygląd stron itp.a z tego co widzę to masz właśnie IE
    Odpowiedź z cytatem Odpowiedź z cytatem
  3. 13-07-09, 16:22 #3
    jibboom
    jibboom jest nieaktywny
    Obserwator
    Dołączył
    July 09
    Postów
    11
    Siła Reputacji
    0

    Twoja ocena: Yes No

    Post

    nie wiem zbytnio o co ci chodzi, ale jeśli dopasujesz wielkości to powinno być dobrze testuj na silniku gecko, więc FF się kłania dołóż sobie do tego dodatek IEtab jeśli ci zależy na kompatybilności z IE, uważam że najniższą rozdzielczością którą warto się przejmować jest 1024x768 http://ranking.pl/pl/rankings/screen-resolutions.html
    Odpowiedź z cytatem Odpowiedź z cytatem
« Poprzedni temat | Następny temat »

Informacje o temacie

Users Browsing this Thread

Aktualnie 1 użytkownik(ów) przegląda ten temat. (0 zarejestrowany(ch) oraz 1 gości)

Podobne wątki

  1. Gry *jar na stronie WWW
    By piotrek1928 in forum HTML, XHTML, CSS, JS, AJAX
    Odpowiedzi: 2
    Ostatni post / autor: 07-05-08, 19:22
  2. Darmowe elementy na stronę www
    By arborea in forum HTML, XHTML, CSS, JS, AJAX
    Odpowiedzi: 0
    Ostatni post / autor: 21-06-07, 22:35
  3. Animacja na stronie
    By michaltychy in forum Dostęp do internetu
    Odpowiedzi: 1
    Ostatni post / autor: 07-04-06, 22:15
  4. błąd skryptu na stronie...
    By d0mel in forum Dostęp do internetu
    Odpowiedzi: 2
    Ostatni post / autor: 09-07-05, 23:43

Zakładki

Zakładki

Uprawnienia

  • Nie możesz zakładać nowych tematów
  • Nie możesz pisać wiadomości
  • Nie możesz dodawać załączników
  • Nie możesz edytować swoich postów
  •  

Zasady na forum

di24.pl

Wiadomości

Serwisy DI

Jak czytać DI?

Powered by  
ATMAN EcoSerwer