Forum PHP.pl > Przesunięcie containera

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

knapcio

20.03.2012, 08:21:13

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:

[HTML] pobierz, plaintext 
<body>
<div id="calosc">
 
 
<div id="top">
<?php
include "wyglad/naglowek.php";
?>
</div>
 
 
<div id="menu">
<?php
include "menu.php";
?>
</div>
 
 
<div id="tresc">
<?php
include "tresc.php";
?>
</div>
 
 
<div id="stopka">
<?php
include "stopka.php";
?>
</div>
 
 
</div>
</body>
[HTML] pobierz, plaintext

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.

by_ikar

20.03.2012, 08:33:28

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.

knapcio

20.03.2012, 08:38:18

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ć?

pedro84

20.03.2012, 10:17:18

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.

by_ikar

20.03.2012, 11:29:00

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.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.