Przesuwanie div poza okno przeglądarki


(c7s) #1

Witam.

Trochę sobie grzebie w CSS i mam taki problem.

Próbuje przesunąć div , margin-right:-50px

Lecz kiedy go już ustawie, do satysfakcjonującego mnie miejsca, pokazuje się dolny suwak.

Zablokowałem go overflow'em. Jednak strona jest nadal rozciągnięta o te 50px +/- w prawą stronę.

(Po naciśnięciu scrollem, i przesunięciu w prawo widać, że strona jest dłuższa)

div#right_side_begin {

background-color:#0087bd;

width:80px;

height:80px;

float:right;

margin-right:-50px;

margin-top:-50px;

-moz-transform:rotate(45deg);

-webkit-transform:rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform:rotate(45deg);

}

Da się to jakoś zablokować w CSS? P.S. W ogóle, czy ustawianie pozycjonowania elementów div za pomocą position , jest poprawnym rozwiązaniem? Czy korzystniej jest używać, margin , float , clear? @edit Poradziłem sobie, wrzuciłem to do div'a, ukryłem w nim suwaki i pozycjonowałem marginami:

div.right_box {

overflow:hidden;

float:right;

width:80px;

height:565px;

margin-top:-56px;

margin-right:-8px;

}

(batmomobil) #2

To zależy,czy Div ma być na sztywno i co w nim ma być.Zobacz kilka sposobów pozycjonowania:http://www.barelyfitz.com/screencast/html-training/css/positioning/.Ja bym użył:

position:relative;

i padding

padding: 10px 10px 10px 10px;