rozjazd strony na monitorach 14 cali

srebny

2007-10-25 09:23

Witam
Mam problem, strona pod rozdzielczością 800x600 na monitorach 14 i 15 cali rozwala sie całkowicie tzn. sekcja body znajduje się pod meni lewym. przy monitorach 17 cali na tej samej rozdzielczości jest w porzadku. Trafia mnie już diabli bo nie mogę poradzić sobie z tym problemem, czy ktoś mógłby mi coś doradzić.

» Quick.Cms v1.x

Kamil Nowak

savan

2007-10-25 11:21

Ustaw płynną (w %) szerokość strony, a jeśli sztywną (tak, jak teraz) to max 770px

srebny

2007-10-25 12:01

Jest max 770
Wklejam wycinek css:
/* HEAD styles */
#head{border-top: 1px solid gray;border-left: 1px solid gray;border-right: 1px solid gray; width:770px;height:180px;margin:0 auto;background:url('img/') 1px;text-align:left;}
#head #logo{float:left;padding:10px 0 0 0px;}
#head #logo div{font-size:1px;line-height:1px;}
#head #logo h2{height:18px;padding-left:2px;background:inherit;color:#fff;font:normal 1.167em "trebuchet ms", sans-serif;}

/* BODY styles */
#body{border-bottom: 1px solid gray;border-left: 1px solid gray;border-right: 1px solid gray;width:770px;margin:0 auto;background:;text-align:left;}
#column{float:left;width:150px;padding:0 0 0 10px;}
* html #column{width:220px;}
#content{float:left;width:560px;padding:70px 30px 20px 20px;}
* html #content{margin:0 15px 0 20px;padding:20px 0;}
#body:after{display:block;clear:both;visibility:hidden;height:0;content:".";}

/* BACK LINK */
#back{margin:10px 20px;padding:3px 0;font-size:0.92em;text-align:right;}
#back a{margin:0 10px 0;}

/* FOOT styles */
#foot{width:770px;height:31px;margin:0 auto;background:url('img/') no-repeat;text-align:left;}
#foot p{float:left;padding:9px 0 0 25px;background:inherit;color:#fff;font:0.83em verdana, sans-serif;}
#foot h1{float:right;margin:0 10px;padding:9px 15px 0 0;font:bold 0.83em verdana, sans-serif;}
#foot h1 a{background:inherit;color:#fff;}

/* MENU 1 styles - left menu */
#menu1{width:150px;margin:70px 0 20px 0px;background:#fff}
#menu1 dt{margin:0 0 1px;}
#menu1 dt a{display:block;padding:6px 0 6px 25px;background:url( 'img/ico_arrow.png' ) 7px 11px no-repeat;background-color:inherit;color:#000000;font:bold 1.167em verdana, sans-serif;line-height:1.167em;}
#menu1 dt#selected a{text-decoration:underline;}

niewiel tu zmieniłem.
Ten błąd mam w wersji 1.2 we wcześniejszych wszystko działa bez wzgledu na rozdzielczości i monitory.

Kamil Nowak

openzibi

2007-10-25 13:10

srebny - pokombinuj w ustawienaich /* BODY styles */
Na początek zmień 560px na mniejsze 490px




----------------------------------------
openzibi - http://www.open.rhh.pl

srebny

2007-10-25 13:38

Dziękuję, faktycznie to był problem.

Kamil Nowak