[XHTML/CSS] Div poza widocznym obszarem. Widać scrollbary.

[Damarus]

Witam, gdy pozycjonuję relatywnie element div i ustawiam mu parametr left tak, aby znajdował się poza widocznym obszarem w rozdzielczości 800x600 to pokazuje się dolny pasek przewijania. Chcę żeby ten pasek się nie wyświetlał wtedy. Element, który chce wypozycjonować ma być widoczny tylko w wyższej rozdzielczości niż 800x600. Nie chcę stosować pozycjonowania absolutnego.
Acha, pasek nie pokazuje się w IE.
Trochę to zawiłe, ale mam nadzieję żę zrozumiecie co chcę osiągnąć. Proszę o pomoc.

[123456]

Nie lepiej sprawdzac rozdzielczosc np w JS i ukryc ten element przez display:none?

[Damarus]

Sorry, ale widać, że za mało precyzyjnie się wyraziłem. Tylko część tego elementu ma być widoczna w 800x600 a cały element ma być widoczny w wyższych.

[123456]

Tylko część tego elementu ma być widoczna w 800x600 a cały element ma być widoczny w wyższych.

To zmienia postac rzeczy
Szczerze mowiac to u mnie div pozycjonowany w ten sposob nie wyswietla paska. Moglbys podac kod?

[Damarus]

css:

Kod: Zaznacz cały

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: White;
	background-image: url(gfx/stars.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.wing {
	width: 45px;
	height: 65px;
	background-image: url(gfx/wing.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	left: 768px;
	top: 0;
}

.main {
	width: 768px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

.menutop {
	width: 768px;
	height: 60px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.top {
	width: 768px;
	height: 149px;
	background-image: url(gfx/top.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

.undermenu {
   width: 768px;
	height: 100px;
	background-image: url(gfx/undermenu.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

.colleft {
   width: 250px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	float: left;
}

.menuleft {
   width: 250px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

.content {
   width: 518px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}
.footer {
   width: 768px;
	height: 50px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}

kod:

Kod: Zaznacz cały

  <div class="main">
    <div class="menutop"></div>
    <div class="top"></div>
    <div class="undermenu">
      <div class="wing"></div>
    </div>
    <div class="colleft">
      <div class="menuleft"></div>
    </div>
    <div class="content"></div>
    <div class="footer"></div>
  </div>

Jakby co to uprzedzam, że dopiero zacząłem bawić się warstwami i kod może być nieciekawy.

[123456]

Nadal proponuje sprawdzac rozdzielczosc i wedlug tego operowac na wartosci left.

[Damarus]

Musi byc bez js. Moze inna struktura strony albo cos w tym stylu.

[Damarus]

Chcę uzyskać taką strukturę. Tylko nie wiem jak sprawić aby ten czarny element cały czas trzymał się prawego brzegu głównego wycentrowanego elementu div poniżej granatowego paska przebiegającego przez całą stronę.

[img=http://img128.imageshack.us/img128/2638/strukturatl3.th.gif]