Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Przesunięcie containera
knapcio
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 20.03.2012

Ostrzeżenie: (0%)
-----


Cześć,
Mam taki problem. Gdy jeden z div'ów w containerze jest tak długi, że container musi się wydłużyć (overflow: auto) (body automatycznie też) i pojawia się pasek przewijania w przeglądarce w tym momencie cały container wraz z zawartością przesuwa mi się trochę w lewo. Patrzyłem na szerokości różnych div'ów nadając im kolory tła, ale wszystkie pozostają tej samej wielkości, więc to chyba nie wina wnętrza containera.

Tutaj struktura html, nic specjalnego:

  1. <div id="calosc">
  2.  
  3.  
  4. <div id="top">
  5. <?php
  6. include "wyglad/naglowek.php";
  7. ?>
  8. </div>
  9.  
  10.  
  11. <div id="menu">
  12. <?php
  13. include "menu.php";
  14. ?>
  15. </div>
  16.  
  17.  
  18. <div id="tresc">
  19. <?php
  20. include "tresc.php";
  21. ?>
  22. </div>
  23.  
  24.  
  25. <div id="stopka">
  26. <?php
  27. include "stopka.php";
  28. ?>
  29. </div>
  30.  
  31.  
  32. </div>
  33. </body>


A tutaj kawałek kodu css:

Kod
body {

background-color: red;  
margin: 0;

  padding: 0;

}



div {

  margin: 0;

  padding: 0;

  position: relative;

font-family: Verdana, Arial, Sans-serif;
}



#calosc {

background-color: blue;

width: 780px;  

  overflow:auto;

  height:auto;

  margin: 0 auto;

  height: 100%;

margin-top: 40px;

}


W sumie nie wiem jaką część kodu zamieścić, bo nie mam pojęcia czego to jest wina. Jak znam życie to moja, ale już po wielu kombinacjach nie mam pojęcia jak szukać błędu bez rozbiórki kodu na czynniki pierwsze, a to trochę może zająć bo plik css jest spleciony z php.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
by_ikar
post
Post #2





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----


Przesuwa ci się w lewo, bo z prawej strony pojawia się ten "suwak" do przewijania treści, w tym wypadku przewijania treści całej strony. A przesuwa ci się dokładnie o tyle, ile szerokości ma ten suwak i to jest zupełnie normalne.
Go to the top of the page
+Quote Post
knapcio
post
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 20.03.2012

Ostrzeżenie: (0%)
-----


Kurcze, racja ;o
Zawsze byłem przekonany, że suwak się nakłada na stronę, a nie wciska pomiędzy nią a ramy przeglądarki. Czy da się to jakoś rozwiązać czy po prostu wszyscy z tym żyją i tak ma być? (IMG:style_emoticons/default/wink.gif)

Ten post edytował knapcio 20.03.2012, 08:41:25
Go to the top of the page
+Quote Post
pedro84
post
Post #4





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

Ostrzeżenie: (0%)
-----


Przecież tak powinno być - obszar widoczny okna przeglądarki wówczas się zmienia. Gdyby się tylko "nakładał" miałbyś problem przy pozycjonowaniu względem okna przeglądarki, szczególnie jej prawego krańca.
Go to the top of the page
+Quote Post
by_ikar
post
Post #5





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----


Niby dałoby się to zniwelować, znaczy się to przesunięcie. Tylko teraz kwestia jest taka, że każda przeglądarka ma nieco innej szerokości suwak, na każdym systemie również jest to inaczej, a nawet w konkretnej "skórce" systemowej, ten suwak się zmienia. Także nie ma sensu się bawić w takie przesuwanie, ludzie po prostu z tym żyją i nikt od tego nie umiera. Fajny suwak jest w ubuntu, w tych nowych wersjach. Jest tak ledwo ledwo widoczny i dopiero po najechaniu na niego, lekko się powiększa, ale nie zabiera wówczas miejsca na stronie, tylko jakby nakłada się na stronę. Ogólnie fajnie to wygląda jeżeli chodzi o sam suwak.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.12.2025 - 13:28