Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] powiększanie div
Forum PHP.pl > Forum > Przedszkole
Goldi
17.01.2009, 16:54:10
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).


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
17.01.2009, 17:02:15
Nie pozycjonuj obiektu absolutnie. CSS wygenerowany przez edytory WYSIWYG jest do bani.

http://layouts.ironmyers.com/ - przejrzyj sobie.
Gryf
17.01.2009, 17:06:13
Przecież masz ustawioną stałą wysokość height -> 194px
Goldi
17.01.2009, 17:22:20
To jak mam ten kod przekształcić, żeby to zadziałało smile.gif?

Ta strona mi nie pomogła ..
Gryf
17.01.2009, 17:32:16
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
Goldi
17.01.2009, 19:38:28
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
17.01.2009, 19:51:22
lepiej na div'ach
daj cały kod będzie łatwiej.
Lion_87
17.01.2009, 19:58:39
Cytat
height="auto"

hmmm tak wstawiłeś do styli to rzeczywiście nie działa tongue.gif

Pokaz najlepiej cały kod ;]
Goldi
17.01.2009, 20:08:44
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
17.01.2009, 20:17:54
Czemu wszystko masz
Cytat
position:absolute;

Nie dało sie tego jakoś normalnie zrobić?
Goldi
17.01.2009, 20:25:41
Powiem krótko smile.gif tongue.gif

Zrobiłem laya, potłem go, a następnie programem Web Page Maker skleiłem go i on wygenerował taki kod tongue.gif

Nie jestem dobry w klejeniu kodu.
Lion_87
17.01.2009, 20:27:25
ahhhhhhhhhhhhha to nic dziwnego,
Jak coś robić to samemu. Człowieki lepiej zrobią tongue.gif

i ten obrazek to lay? ja.....
Goldi
17.01.2009, 20:28:45
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 biggrin.gif
Lion_87
17.01.2009, 20:34:15
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 biggrin.gif
Goldi
17.01.2009, 22:08:04
A może komuś by się chciało dla rozrywki edytować cały kodzik i zrobił by mi to za darmo smile.gif

z góry dziękuje smile.gif
Gryf
17.01.2009, 22:36:47
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
18.01.2009, 10:14:36
Wrzuć do tego div'a 'zielonego', pod 'czerwonym' ...

[HTML] pobierz, plaintext 
  1. <style>
  2. div.clear {
  3. clear: both;
  4. }</style>
  5.  
  6. <div class="clear"></div>
[HTML] pobierz, plaintext


czyli tak:
[HTML] pobierz, plaintext 
  1. <div id="zielony">
  2. <div id="czerwony"></div>
  3. <div class="clear"></div>
  4. </div>
[HTML] pobierz, plaintext


powinno pomóc ...
Goldi
18.01.2009, 12:30:27
Temat rozwiązany, wszystko dzięki pomocy Gryf.

Jesteś Wielki biggrin.gif

Można zamknąć smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.