Iframe parametr height


(andrewi) #1

Witam was bardzo serdecznie. Mam problem ze stroną internetową - http://www.gokksiazki.neostrada.pl

Jak wejdziecie na stronę to po lewej stronie jest menu, którego dolna część jest zdefiniowana jako iframe i chodzi mi o rozmiar - chciałbym żeby automatycznie długość dopasowała się do zawartości albo ewentualnie żebym mógł tą długość edytować z poziomu pliku css. Póki co edytowana jest z poziomu każdego pliku w którym iframe się wyświetla. Jeśli chodzi o parametr szerokości to działa on normalnie, natomiast jeśli chodzi o długość to przeglądarka w ogóle nie reaguje na jakiekolwiek zmiany z poziomu css-a bez względu na to czy ustawię parametr na auto czy na dowolną wartość wyrażoną w pikselach oczywiście przy założeniu że z poziomu właściwiej strony usuwam ten parametr. Poniżej załączam css-a. Chodzi o menu_plywajace

body {background:url(images/tlo.jpg) repeat-y center #fbfaf8; margin-left:auto; margin-right:auto; margin:0px;}


div {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; position:relative; margin:0 auto;}

a {text-decoration: none;}

img {border:0px; border-color:#ffffff}


#logo {background:url(images/logo.jpg) no-repeat; width:836px; height:213px;}


ul#menu_poziome {background:url(images/menu_poziome_bg.jpg) repeat-x; width:820px; height:33px; border-left:solid 1px #42c409; border-right:solid 1px #42c409; margin:0 auto; padding:0 0 0 14px; list-style:none; overflow:hidden;}

ul#menu_poziome li {margin:8px 0 0 0; padding:0 10px; float:left; font-family:Tahoma; font-size:12px; font-weight:bold; border-right:solid 1px #42c409; border-left:solid 1px #42c409;}

ul#menu_poziome li a { color:#ffffff;}

ul#menu_poziome li a:hover { color:#2d740d;}


#kontener {width:836px; height:auto; overflow: hidden; margin:0 auto; padding:0;}


.menu {background:url(images/motyl.jpg) no-repeat #ffffff; margin:8px 0 8px 8px; padding:0; float:left; height:auto; width:200px; border:solid 1px #eeeeee;}

.menu h3 {color:#555555; font-size:12px; font-weight:bold; text-align:center; margin:0; padding:9px 0;}

.menu ul {margin:4px 14px; padding:0; list-style:none;}

.menu li {background:url(images/menu.gif) no-repeat 0 9px; padding:6px 0 6px 14px; margin:0;}

.menu li a{font-size:11px; color:#50c81b; font-weight:bold;}

.menu li a:hover{color:#2d740d; font-weight:bold;}


.menu_plywajace {background:#ffffff; margin:0 0 0 0; padding:0; float:left; height: 978px; width: 200px;}

.menu_plywajace h2 {color:#555555; font-size:14px; font-weight:bold; text-align:center; margin:0; padding:9px 0; border-bottom:solid 1px #f6f6f6;}

.menu_plywajace h3 {color:#555555; font-size:12px; font-weight:bold; text-align:center; margin:0; padding:9px 0; }

.menu_plywajace ul {margin:4px 14px; padding:0; list-style:none;}

.menu_plywajace li {background:url(images/menu.gif) no-repeat 0 9px; padding:6px 0 6px 14px; margin:0;}

.menu_plywajace li a{font-size:11px; color:#50c81b; font-weight:bold;}

.menu_plywajace li a:hover{color:#2d740d; font-weight:bold;}


.menu_grupy {background:url(images/motyl.jpg) no-repeat #ffffff; margin:0px 0 0px 0px; padding:0; float:left; height:auto; width:200px;}

.menu_grupy h2 {color:#555555; font-size:14px; font-weight:bold; text-align:center; margin:0; padding:9px 0; border-bottom:solid 1px #f6f6f6;}

.menu_grupy h3 {color:#555555; font-size:12px; font-weight:bold; text-align:center; margin:0; padding:9px 0; }

.menu_grupy ul {margin:4px 14px; padding:0; list-style:none;}

.menu_grupy li {background:url(images/menu.gif) no-repeat 0 9px; padding:6px 0 6px 14px; margin:0;}

.menu_grupy li a{font-size:11px; color:#50c81b; font-weight:bold;}

.menu_grupy li a:hover{color:#2d740d; font-weight:bold;}


.tresc {margin:8px 8px 8px 0; padding-bottom:6px; background:#ffffff;	float:right; height:auto; width:610px; border:solid 1px #eeeeee;}

.tresc h1 {margin:8px 16px 0 37px; padding-bottom:4px; color:#555555; font-size:19px; font-family:Arial, Helvetica, sans-serif; border-bottom:solid 1px #f6f6f6; font-weight:bold;}

.tresc h2 {margin:8px 16px 0 16px; padding-bottom:4px; color:#555555; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.tresc p {padding:7px 12px; text-indent:25px; font-size:13px; color:#555555; margin:0; line-height:16px; text-align:justify;}

.tresc a {color:#50c81b;}

.tresc a:hover {color:#2d740d;}


.tresc2 {margin:8px 8px 8px 0; padding-bottom:6px; background:#ffffff;	float:left; height:auto; width:836px; border:solid 1px #eeeeee;}

.tresc2 h1 {margin:8px 16px 0 37px; padding-bottom:4px; color:#555555; font-size:19px; font-family:Arial, Helvetica, sans-serif; border-bottom:solid 1px #f6f6f6; font-weight:bold;}

.tresc2 h2 {margin:8px 16px 0 16px; padding-bottom:4px; color:#555555; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.tresc2 p {padding:7px 12px; text-indent:25px; font-size:13px; color:#555555; margin:0; line-height:16px;}

.tresc2 a {color:#50c81b;}

.tresc2 a:hover {color:#2d740d;}


.tresc3 {margin:8px 8px 8px 0; padding-bottom:6px; background:#ffffff;	float:right; height:auto; width:610px; border:solid 1px #eeeeee;}

.tresc3 h1 {margin:8px 16px 0 37px; padding-bottom:4px; color:#555555; font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: underline;}	

.tresc3 h2 {margin:8px 16px 0 16px; padding-bottom:4px; color:#555555; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.tresc3 p {padding:7px 12px; text-indent:25px; font-size:13px; color:#555555; margin:0; line-height:16px; text-align:justify;}

.tresc3 a {color:#50c81b; font-weight:bold;}

.tresc3 a:hover {color:#2d740d; font-weight:bold;}


#stopka {background:url(images/stopka.jpg) no-repeat #ffffff; width:836px; height:34px; clear:both;}

#copyright {color:#50c81b; font-size:9px; padding-top:6px; text-align:center;}

#design {float:right; color:#95a9ff; font-size:9px; margin-right:8px;}

#design a {color:#a0a0a0;}

#design a:hover {text-decoration:underline;}

(floyd) #2

http://ngame.idl.pl/skrypty/autoiframe.html


(andrewi) #3

Dzięki za odpowiedź ale niestety sposób ten nie działa. W sensie... dopasowuje się na szerokość, na długość niestety nie


(batmomobil) #4

ustaw height="auto"


(andrewi) #5

też nie działa


(floyd) #6

(andrewi) #7

nadal nic z tego