Autor Zpráva
Rajce
Profil
Zdravím,
na radu některých z vás jsem začal překopávat stránky a rozhodl jsem zrušit iframe a nahradit jej funkcí include. Mám však drobný grafický problém. Mám vytvořen jeden jako obálku a v něm vnořené další DIV a SPAN. S irfame mi to fungovalo, že se výška TĚLA automaticky přizpůsobila dle obsahu. Ale teď, když tam něco vložím, tak se výška obalového DIVu nechce zvětšit, jedině když zadám absolutní a to nechci.

VÝTAŽEK

<div id="telo">

<span id="corner_1" ><img src="images/circ_1.gif"></span>

<div id="curriculum">
<?php include ("curriculum_cz.htm");?>
</div>

<div id="slideshow">
<!-- SLIDESHOW start -->
<img src="images/harpist01.jpg" name="slide" width="280" height="370" style="border: 1px solid #000000;">
<script type="text/javascript">
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<6)
step++
else
step=1
//call function "slideit()" every 5.0 seconds
setTimeout("slideit()",5000)
}
slideit()
//-->
</script>
</div>

<span id="corner_2" ><img src="images/circ_2.gif"></span>
<span id="corner_3" ><img src="images/circ_3.gif"></span>
</div>

a ještě CSS definice

#telo
{ background-color: #FFFFEE;
background-image: url("../images/bg2.gif");
background-repeat: repeat-y;
background-position: center top;
position: relative;
width: 900px;
top: 0px; left: 0px;
margin: auto;
padding: 0px;
color: #000000;
font: 12px/1.5 Verdana;
border: 1px solid blue;
}

#corner_1 {position: absolute; top: 0px; left: 0px;}
#corner_2 {position: absolute; bottom: 0px; left: 0px;}
#corner_3 {position: absolute; bottom: 0px; right: 0px;}

#slideshow
{ position: relative;
top: 64px; left: 16px;
width: 300px;
border: 1px solid blue;
}

#curriculum
{ position: absolute;
top: 64px; left: 350px;
width: 500px;
margin-left: auto;
margin-right: auto;
padding: 0px;
color: #000000;
font: 12px/1.5 Verdana;
border: 1px solid blue;
}

ty ramečky tam máám jen dočasně, pro kontrolu
určitě tam mám nějakou blbost, ale nemůžu naní přijít, jen tím Include to nebude, protože ikdyž jej vyhodím, tak se TĚLO neuzpůsobí na výšku podle obsahu, tedy obrázkové funkce slideshow :-(

díky za poznatky a připomínky
peta
Profil
'S irfame mi to fungovalo, že se výška TĚLA automaticky přizpůsobila dle obsahu.'

iframe ma pevne rozmery. automaticky si to prizpusobuje jen nektery prohlizec.
Napodobeni iframe je mozne s divem s overflow a pevnymi rozmery.
jakpsatweb - css - position
jakpsatweb - css - overflow
jakpsatweb - css - width
jakpsatweb - css - height

PHP include je funkce, ktera vklada jiny PHP kod do stranky. include nema vliv na HTML kod, ktery ti omezuje rozmery. Udelej si zalohu stranky a smaz veskere CSS a style a uvidis, ze to s include funguje.
Bubák
Profil
Pokud DIVu nezadáš výšku, tak se jeho výška automaticky přizpůsoví obsahu.
Problém je, když používáš absolutně pozicované elementy, ty jsou vyjmuty z toku dokumentu. Raději použij nějaký floatovaný layout:
http://css.interval.cz/layouty/

peta
iframe ma pevne rozmery. automaticky si to prizpusobuje jen nektery prohlizec.
Jenom Firefox, IE, Konqueror, Opera, Safari. Třeba v takovém Lobo to nefunguje, nemluvě o prohlížečích, které neznají JS, jako Arachne, nebo Dillo. Links2 a textové prohlíže neumí ani IFRAME.
Rajce
Profil
2 peta: já vím že Include funguje, o tom nepochybuji :-) bez toho by se mi tam neobjevil text životopisu a pod. Vím také že mu mohu nacpat pevnou výšku, ale to je to co právě nechci. Chci proměnlivou výšku, který se bude měnit v závislosti na obsahu. Jenže jak teda toho docílit, aby jí to korektně vypočetlo?
Rajce
Profil
2 Bubák: díky, zkusím něco z toho použít, snad se to spraví :-)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: