Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [XHTML][CSS] nie mogę sobie poradzić z divami
xajart
post
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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Lion_87
post
Post #2





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----

Hmm trudno sie połapać ale moż Ci o to chodzi
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2.  #content {
  3.  position: absolute;
  4.  top: 20px;
  5.  left: 20px;
  6.  height: auto;
  7.  width: 200px;
  8.  background:yellow;
  9.  }
  10.  #znak_wodny{
  11.  position: relative;
  12.  top: 0px;
  13.  left: 20px;
  14.  margin: 20px;
  15.  width: 118px;
  16.  height: 87px;
  17.  background:red;
  18.  }
  19.  #tekst {
  20.  position: relative;
  21.  top: 0px;
  22.  padding:20px;
  23.  width: 160px;
  24.  height: auto;
  25.  }
  26. </style></head><body>
  27. <div id="content">
  28.  <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>
  29.  <div id="znak_wodny"></div>
  30. </div></body>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- 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
- - xajart   Problem mam z tym że elementy nie chcą s...   10.01.2009, 18:29:29
- - 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

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 7.10.2025 - 18:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn