Pokaż wyniki od 1 do 3 z 3
  1. #1
    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.

  2. #2
    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

  3. #3
    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

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, 18:22
  2. Darmowe elementy na stronę www
    By arborea in forum HTML, XHTML, CSS, JS, AJAX
    Odpowiedzi: 0
    Ostatni post / autor: 21-06-07, 21:35
  3. Animacja na stronie
    By michaltychy in forum Dostęp do internetu
    Odpowiedzi: 1
    Ostatni post / autor: 07-04-06, 21:15
  4. błąd skryptu na stronie...
    By d0mel in forum Dostęp do internetu
    Odpowiedzi: 2
    Ostatni post / autor: 09-07-05, 22: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
  •  

Jak czytać DI?

Powered by  
ATMAN EcoSerwer