Podstrony
- telcocafe
- div.styl .styl
- Kłopot z layout'em Kłopotliwe div'y
- [css] Layout jak zrobić to na div/css
- [CSS/HTML] Dwa znaczniki <div> obok siebie. Szukałem ale nie rozumiem albo coś źle robię.
- [HTML/CSS] układ strony na div'ach - moze ktos pomóc?
- [JQuery|JS] Dynamiczna zawartość DIV'a i animacja zmieniany rozmiaru
- [HTML/CSS]Szerokość div'a sama się zmienia Problem w FF i Operze
- [CSS] Wycentrowanie tekstu w DIV'ie vertical-align nie działa dlaczego ? I jak inaczej to zrobić ?
- [HTML, CSS] 2 div relative obok siebie rozciągajace diva nadrzędnego
- [IE] <img> i <div> na tym samym miejscu aby nie ustawiać koloru tła
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- revelstein.htw.pl
telcocafe
Bry :)mam taki problemik :)
pisze sobie laya opartego na divach, i jest sobie "glowny" div w srodku ktorego ma byc zawartosc. kiedy wstawie do niego obrazek, naturalnie div sie rozciaga. niestety, jesli chce dac align obrazka na left lub style float:left; (zeby tekst byl na prawo od obrazka, ale na tej samej wysokosci na jakiej "zaczyna" sie obrazek) to sie wszystko rozjezdza, tzn obrazek przestaje "rozciagac" mi div'a na wysokosc :(
screen1 -> nie rozjezdza sie, ale tekst jest tam gdzie nie powinien
http://img80.imagesh.../3458/s18qx.jpg
screen2 -> rozjechalo sie za to tekst jest na swoim miejscu :P
http://img222.images.../1526/s25nk.jpg
kolor zolty tla po to zeby wyroznic gdzie jest obrazek ;)
tekst 'bla bla bla ..' jest po prawej bo tak ustawilem jego align ;)
oczywiscie moglbym sie bawic na position: absolute i potem left top itp ale mysle ze da sie to jakos po ludzku rozwiazac ;)
Hmm.. Może pokaż ten kod to łatwiej będzie przerobić? (bo obrazek to ten biały po lewej?)
BTW: możesz dać dla diva obrazek jako tło i na nim treść (tylko dać margin-left odpowiedni) ;)
kod jest taki :)
<div class="maincontainer" id="main_container"> <div style="background-image:url('img/obrazek.png'); background-repeat:no-repeat; background-position: right; text-align:left;"> test</div> </div>
styl dla maincontainer:
div.maincontainer { margin: 0px 10px 10px 10px; border-style: solid; border-color: #ccc; border-width : 0px 1px 1px 1px; }
przy czym ten div jest umieszczony bezposrednio w body
niestety, rozwiazanie ktore podales tez sie nie sprawdza bo div maincontainer w tym momencie zostaje rozciagniety jedynie na wysokosc tekstu ... a najlepiej by bylo zeby byl rozciagniety na tyle ile trzeba ( :P ) czyli jesli tekst jest dluzszy niz obrazek, to na wysokosc tekstu. jesli odwrotnie to tylko na wysokosc obrazka ... nie chce na stale "wklepywac" wartosci wysokosci bo zawartosc tego div'a jest generowana dynamicznie i w tej chwili kodzac nie mam pojecia ile i czego tam bedzie ;)
Użytkownik migajek edytował ten post 03 kwiecień 2006, 09:43
Jak dla mnie powinieneś w maincontainer zrobić 2 divy. Jeden na obrazek z nim w tle + wysokość, szerokość obrazka i float: left. I 2 div na tekst z float: right czy tam left (jak chcesz) i ustaloną szerokości. Jeżeli wciąż będziesz miał problemy z tłem to na dole zrobić diva z clear: both.
Hmm... Więc tak: chcesz div z tłem obrazka po prawej, tekst po lewej (tak wynika z kodu) na tym divie, tylko żeby był na samej górze?
vertical-align:top ?
Jak dla mnie powinieneś w maincontainer zrobić 2 divy. Jeden na obrazek z nim w tle + wysokość, szerokość obrazka i float: left. I 2 div na tekst z float: right czy tam left (jak chcesz) i ustaloną szerokości. Jeżeli wciąż będziesz miał problemy z tłem to na dole zrobić diva z clear: both.
tylko ze kiedy dam ktoremus sub-divovi float to w tym momencie przestaje on rozciagac div'a wewnatrz ktorego jest (w tym przypadku maincontainer)