Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]pozycjonowanie divów w CSS
Th0e
post 18.03.2013, 16:27:57
Post #1





Grupa: Zarejestrowani
Postów: 122
Pomógł: 0
Dołączył: 16.09.2012

Ostrzeżenie: (0%)
-----


Witam!
Oto mój kod strony:

  1. <div id="uklad">
  2. <div id="linki">
  3.  
  4. aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa
  5.  
  6. </div>
  7. <div id="reklama">
  8.  
  9. aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa
  10. </div>
  11.  
  12. </div>


a oto kod z css:

  1. #uklad
  2. {
  3. margin-left: 3%;
  4. margin-right: 3%;
  5. margin-top: 2%;
  6. background-color: silver;
  7. }
  8. #linki
  9. {
  10.  
  11. margin-right: 85%;
  12. background-color: blue;
  13. }
  14. #reklama
  15. {
  16. padding: top;
  17. margin-left: 85%;
  18. background-color: red;
  19. }


Problem: obiekt z diva "reklama" zaczyna się zawsze od tej wysokości, gdzi skończyła się zawartość diva "linki". Wiem że mógłbym toi zrobić sposobem: margin-top: -questionmark.gif %; ale wtedy na różnych rozdzielczościach będzie inaczej wyglądać.

Pytanie: jak zrobić by zawartość reklama i linki zaczynała się od tej samej wysokości.

Wiem że to podstawy, ale do tej pory mało uwagi poświęcałem stylom. Pozdrawiam.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
jepek
post 18.03.2013, 17:01:16
Post #2





Grupa: Zarejestrowani
Postów: 55
Pomógł: 10
Dołączył: 12.08.2007

Ostrzeżenie: (0%)
-----


Nie lepiej tak: http://jsfiddle.net/83kJK/ ?
Go to the top of the page
+Quote Post
Th0e
post 18.03.2013, 17:22:58
Post #3





Grupa: Zarejestrowani
Postów: 122
Pomógł: 0
Dołączył: 16.09.2012

Ostrzeżenie: (0%)
-----


Cytat(jepek @ 18.03.2013, 17:01:16 ) *
Nie lepiej tak: http://jsfiddle.net/83kJK/ ?



nie daje mi to zamierzonego efektu.
Go to the top of the page
+Quote Post
jepek
post 18.03.2013, 17:34:43
Post #4





Grupa: Zarejestrowani
Postów: 55
Pomógł: 10
Dołączył: 12.08.2007

Ostrzeżenie: (0%)
-----


Wcześniej nie zapisałem zmian w jsfield. Sorry.

http://jsfiddle.net/83kJK/8/
Go to the top of the page
+Quote Post
Th0e
post 18.03.2013, 17:44:18
Post #5





Grupa: Zarejestrowani
Postów: 122
Pomógł: 0
Dołączył: 16.09.2012

Ostrzeżenie: (0%)
-----


Cytat(jepek @ 18.03.2013, 17:34:43 ) *
Wcześniej nie zapisałem zmian w jsfield. Sorry.

http://jsfiddle.net/83kJK/8/



dzięki o to mi chodziło. temat do zamknięcia smile.gif
Go to the top of the page
+Quote Post
krzysiekk
post 18.03.2013, 20:33:17
Post #6





Grupa: Zarejestrowani
Postów: 155
Pomógł: 17
Dołączył: 13.03.2006
Skąd: Jaworze

Ostrzeżenie: (0%)
-----


witam
tojest błedna wartość

  1. padding: top;
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 01:50