 [XHTML][CSS] nie mogę sobie poradzić z divami |
| [XHTML][CSS] nie mogę sobie poradzić z divami |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 141 Pomógł: 1 Dołączył: 2.12.2008 Ostrzeżenie: (0%) 
 |
Witam, opracowałem całą stronę na divach ale serwis który wykonuje pod względem graficznym jest tak skomplikowany, że od dwuch dni morduje sie z pewnym fragmentem templatki.
A mianowicie: jak wykonać coś takiego: - pierwszy div (hight: auto - bo będzie zależna od treści wrzuconej), szerokośc stała, bacgroung-image (wrzucona linia która jest powtarzana po x) - drugi div ma być wewnątrz pierwszego o szerokości jak wyżej a wysokość minimum 30% (w zalezności od treści do 100 % od góry a na dole obrazek (coś w formie znaku wodnego) który ma być wyśrodkowany w poziomie, na maksymalnej wysokości od spodu bottom 10 px. - a na tym wszystkim zapewne trzeci div w którym będzie tekst wyswietlany. Niestety nie moge tego opracować używając pozycji relative bo się rozjedzie reszta strony przy wyższych lub niższych rozdzielczościach. Dlatego proszę o pomoc jak to zrobić - bo mi już ręce opadają. Poniżej obrazek jak to ma mniejwięcej wyglądać: (IMG:http://images31.fotosik.pl/433/491da2b29a9d54bc.jpg) Ten post edytował xajart 9.01.2009, 12:24:25 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 141 Pomógł: 1 Dołączył: 2.12.2008 Ostrzeżenie: (0%)
|
Problem mam z tym że elementy nie chcą się poustawiać tak jak ja chce:
Oto przykład: Kod <style type="text/css"> #content { position: absolute; top: 20px; left: 20px; height: auto; width: 200px; background-color:#FFFFFF; background-image:url(images/line.jpg); background-repeat:repeat-x; } #znak_wodny{ position: relative; top: 200px; left: 20px; padding: 20px; width: 118px; height: 87px; background-image:url(images/image.jpg); } #tekst { position: relative; top: 0px; padding:20px; width: 160px; height: auto; } </style></head><body> <div id="content"> <div id="znak_wodny"></div> <div id="tekst">Dowolny przykładowy tekst pisany po to by sprawdzić działanie divów i obrazka jako znak wodny. Dowolny przykładowy tekst pisany po to by sprawdzić działanie divów i obrazka jako znak wodny. Dowolny przykładowy tekst pisany po to by sprawdzić działanie divów i obrazka jako znak wodny. Dowolny przykładowy tekst pisany po to by sprawdzić działanie divów i obrazka jako znak wodny. Dowolny przykładowy tekst pisany po to by sprawdzić działanie divów i obrazka jako znak wodny. Dowolny przykładowy tekst pisany po to by sprawdzić działanie divów i obrazka jako znak wodny.</div> </div></body> Niby wszystko okej jest ale kwestia w tym że div z tekstem nie zaczyna się od góry na równi z divem content tylko kilkanaście pikseli niżej. Obrazki przykładowe do skryptu powyżej: (IMG:http://images47.fotosik.pl/47/4e03a6029e36f699m.jpg) (IMG:http://images24.fotosik.pl/313/63704c6cc3df6aa4m.jpg) Zauważyłem że to przesunięcie od góry wynika z racji ustawienia wysokości diva z obrazkiem. I nie potrafie jakos tego przeskoczyć. Ten post edytował xajart 10.01.2009, 18:40:48 |
|
|
|
xajart [XHTML][CSS] nie mogę sobie poradzić z divami 9.01.2009, 11:03:43 
kamil4u Podaj nam kod HTML i swoje próby... - bo tak nicze... 9.01.2009, 14:56:01 sowiq Cytat- pierwszy div (hight: auto[...]
- drugi div ... 9.01.2009, 15:05:36 TAMLYN Hmm... Nie wiem czy dobrze zrozumiałem... Chcesz c... 9.01.2009, 20:35:57 xajart TAMLYN w taki sposób próbowałem ale nie dokońca mi... 9.01.2009, 22:12:06 TAMLYN Nie musisz przecież dawać całego kodu Wystarczy p... 9.01.2009, 22:17:10 kamil4u Przeanalizuj sobie jeszcze raz ten kawałek ko... 10.01.2009, 18:35:00 xajart Wiem niepotrzebny jest ten padding, co do zera to ... 10.01.2009, 18:48:41 kamil4u Daj link do strony z tym kodem to przez FireBuga s... 10.01.2009, 20:09:01 xajart Tylko że tej strony jeszcze nie ma w sieci, jest t... 10.01.2009, 20:26:15 Lion_87 Hmm trudno sie połapać ale moż Ci o to chodzi
[HTM... 10.01.2009, 21:09:26 xajart Nie to nie to, bo tak to ja mam obecnie zrobione, ... 10.01.2009, 21:37:47 Lion_87 Żeby #two było pod #one to musiałby... 10.01.2009, 21:44:46 xajart W ten sposób da się uzyskać ten efekt o ... 10.01.2009, 22:38:05 Lion_87 Nie wiem czy CI to pomoże ale może pokom... 10.01.2009, 22:53:25 xajart o takich poleceniach nie słyszałem ale spróbuję j... 11.01.2009, 10:24:29 
kamil4u Tylko z IE będą kłopoty - jak zwykle.... JS przyjd... 11.01.2009, 15:00:14  |
|
Aktualny czas: 8.10.2025 - 19:28 |
