[PHP][CSS]jeden div rozszerza drugi Opcje

[diasek7]

witam, pytalem juz o to na forum, ale w tamtym dziale nikt nie odpowiedzial, wiec chyba tu bedzie lepiej, a tamten temat prosze skasowac.


mam taki kod

[PHP] pobierz, plaintext 
      <div id="container">
     <div id=menu2>
<?php echo $menu ?>
 </div><div id=content>
    <?php echo $content ?>
</div>
          </div>
[PHP] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
#container {
    width: 900px; margin: 0 auto;
}
 
#content
{
 width: 660px;
 margin: 0 auto;
 background-color: #ffffff;
 border: 2px;
 padding: 0;
}
 
#menu2
{
    float: left;
    background-color: #8fc8f1;
    width: 100px;
    position: relative;
 
}
[HTML] pobierz, plaintext 

do contenta ladowane jest z bazy danych i tworza divy. to dziala ok, ale problem jest jak do menu zaladuje sie wiecej tekstu niz jest w PIERWSZYM divie, bo wtedy ten div jest rozciagany do rozmiarow menu i tylko ten pierwszy. teraz wyswietla sie ok. jak temu zapobiec?

pozdrawiam

[askone]

Spróbuj tego:

[CSS] pobierz, plaintext 
#menu2
{
    float: left;
    background-color: #8fc8f1;
    width: 100px;
    position: relative;
    overflow: hidden
}
[CSS] pobierz, plaintext 

Pozdrawiam

[djkrc]

Polecam to:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
	var kolumnaPrawa =  $("div#prawa").height();
	var kolumnaLewa = $("div#lewa").height();
 
	if (kolumnaLewa > kolumnaPrawa)
	{
		$("div#prawa").css({'height' : kolumnaLewa});
	} 
	else
	{
		$("div#lewa").css({'height' : kolumnaPrawa});
	};
});
[JAVASCRIPT] pobierz, plaintext 

w twoim przypadku możesz zamienić id div'a albo zrobić tak

[JAVASCRIPT] pobierz, plaintext 
	var kolumnaPrawa =  $("div#content").height();
	var kolumnaLewa = $("div#menu2").height();
 
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował djkrc 21.02.2011, 20:21:58

[diasek7]

dzieki, ale to juz probowalem i nic. dalej to samo.

wyglada to tak, ze w srodku pobieram dane z bazy i generuja sie divy, dajmy np 3. wszystko jest ok poki w menu2 jest mniej tekstu niz w pierwszym divie. jesli jest wiecej to pierwszy srodkowy div rozjezdza sie do rozmiarow menu2, a reszta pozostaje w odpowiednich wielkosciach. jak to mozna rozwiazac? nie musi byc tak jak ja mam, moze ma ktos lepszy przyklad? no ale chyba jeden glowny div musi byc, a te 2 w nim?

[djkrc]

możesz podać jak wygląda strona?? są trzy div'y obok siebie tak??

[diasek7]

djkrc dzieki, ale jak to konkretnie zastosowac? nie znam sie na js

####
djkrc zaraz to sprawdze, bo jak pisalem to Twojego posta jeszcze nie bylo. wyprobuje i dam znac. dzieki za zainteresowanie

Ten post edytował diasek7 21.02.2011, 20:25:48

[djkrc]

wklej ten kod w head w znacznikach script i nadaj div'om id lewa i prawa albo tak jak pisałem wcześniej daj te niższe funkcje z obecnymi id i powinno wszystko działać u mnie przynajmniej działało, tu masz link skąd to mam -> http://blog.piotrnalepa.pl/2009/06/15/cssj...ronie-wersja-2/

[diasek7]

to jest wlasnie to czego ja NIE chce miec tam jest napisane jak wyrownac tabele, a one mi sie wlasnie same wyrownuja, a ja tego nie chce.
tutaj jest przyklad z tej strony co podales http://blog.piotrnalepa.pl/demo/wyrownanie...umn-2-demo.html

i ja wlasnie chce, zeby jak szara bedzie tak dluga to zeby seledynowa pozostawala taka jaka ma byc, a nie rozszerzala sie, bo wtedy pozostaje puste miejsce, a kolejne seledynowe divy ktore sie tworza zaczynaja sie dopiero po jej skonczeniu i one juz dobrej wielkosci

[-reassor-]

to weź ten #content zawiń w jeszcze jednego wrappera (diva) daj go bez tła ale width taki jak teraz ma content a w #content zmniejsz o pare px
każdy div wygenerowany w tym wraperze będzie miał ten twój seledynowy czy jak to tam a wysokość menu będzie trzymal ten wrapper

mam nadzieję , że wytłumaczyłem dość prosto

[diasek7]

dzieki za checi, ale tez nie pomoglo... moze to w ogole zle rozwiazalem? moglbys ktos podac swoj dzialajacy taki przyklad?

pozdrawiam

[minolone]

Sprawdz to:
klik
Jezeli cie dobrze zrozumialem to chcesz aby to tak dzialalo.

Poszukaj tez tutaj swojego rozwiazania
http://www.kurshtml.boo.pl/css/plynny_szablon,szablon.html

Ten post edytował minolone 21.02.2011, 22:17:25