[HTML][CSS] powiększanie div Opcje

[Goldi]

Witam,
mam problem, otóż
Jak mam zrobić, żeby ten tekst zaznaczony na czerwono był umieszczony w tej tabeli zaznaczonej na zielono?
Chodzi mi oto, żeby pod wpływem ilości tekstu cała strona się powiększała (lub sama ta tabela).
(IMG:http://images28.fotosik.pl/314/a6c546cf32cfcc98m.png)

fragment kodu dotyczącego właśnie tego:

Kod

<div id="text3" style="position:absolute; overflow:visible; left:567px; top:257px; width:319px; height:194px; z-index:73"><div class="wpmd">
<div class="in5">tutaj ta treść</div>
</div></div>

Dziękuje za pomoc
Pozdrawiam

[erix]

Nie pozycjonuj obiektu absolutnie. CSS wygenerowany przez edytory WYSIWYG jest do bani.

http://layouts.ironmyers.com/ - przejrzyj sobie.

[Gryf]

Przecież masz ustawioną stałą wysokość height -> 194px

[Goldi]

To jak mam ten kod przekształcić, żeby to zadziałało (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ?

Ta strona mi nie pomogła ..

[Gryf]

height -> auto, nie wiem poco ci tam ten z-index ?
Polecam zainteresować się jakimś kursem css.

No i jak to jest robisz każdemu div'owi identyfikator a potem
i tak dajesz w dokumencie bezpośrednio style,
niby poco od tego masz plik ze css'em

Ten post edytował Gryf 17.01.2009, 17:34:17

[Goldi]

Na czym najlepiej robić strone na dvi'ach czy na tabelach?

height -> auto można jaśniej ?
dałem height="auto" i nie działa

[Gryf]

lepiej na div'ach
daj cały kod będzie łatwiej.

[Lion_87]

height="auto"

hmmm tak wstawiłeś do styli to rzeczywiście nie działa (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Pokaz najlepiej cały kod ;]

[Goldi]

Kod:

Kod

http://wklej.to/wld

Kod

<div id="text4" style="position:absolute; overflow:hidden; left:351px; top:495px; width:841px; height:25px; z-index:50"></div>

<div id="iFrame1" style="position:absolute;  left:609px; top:256px; width:841px; height:25px; z-index:51">
ta treść
</div>

[Lion_87]

Czemu wszystko masz

position:absolute;

Nie dało sie tego jakoś normalnie zrobić?

[Goldi]

Powiem krótko (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Zrobiłem laya, potłem go, a następnie programem Web Page Maker skleiłem go i on wygenerował taki kod (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Nie jestem dobry w klejeniu kodu.

[Lion_87]

ahhhhhhhhhhhhha to nic dziwnego,
Jak coś robić to samemu. Człowieki lepiej zrobią (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

i ten obrazek to lay? ja.....

Ten post edytował Lion_87 17.01.2009, 20:28:08

[Goldi]

no tylko jak się ma mało wiedzę na temat html'a to później są wyniki jakie są albo ich wogóle nie ma (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

[Lion_87]

tak patrząc na ten obrazek to kod mniej więcej mógłby być taki

Kod

<style>
#all {
width:800px;
}
#left{
width:150px;
float:left;
}
#center{
width:500px;
float:left;
}
#right{
width:150px;
float:right;
}
</style>


<div id="all">
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div>

Tak mniej-wiecej (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Ten post edytował Lion_87 17.01.2009, 20:38:21

[Goldi]

A może komuś by się chciało dla rozrywki edytować cały kodzik i zrobił by mi to za darmo (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

z góry dziękuje (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[Gryf]

a może tak byś przysiadł do nauki składni html'a i css'a?
daj mi na pm tą "grafikę" to ci to potnę i zakoduje ;]

[decha-design]

Wrzuć do tego div'a 'zielonego', pod 'czerwonym' ...

[HTML] pobierz, plaintext 
<style>
div.clear {
clear: both;
}</style>
 
<div class="clear"></div>
[HTML] pobierz, plaintext 

czyli tak:

[HTML] pobierz, plaintext 
<div id="zielony">
<div id="czerwony"></div>
<div class="clear"></div>
</div>
[HTML] pobierz, plaintext 

powinno pomóc ...

[Goldi]

Temat rozwiązany, wszystko dzięki pomocy Gryf.

Jesteś Wielki (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Można zamknąć (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)