Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Szablon DIV - problem pomocy..
adi456
post
Post #1





Grupa: Zarejestrowani
Postów: 251
Pomógł: 0
Dołączył: 21.01.2010
Skąd: Nowy Sącz

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

Witam, mam taki dziwny problem, z tego co czytałem w kursach gdy ustawi się styl float: left ,
element będzie oblewany z prawej strony całą pozostałością na stronie,
analogicznie gdy mam 3 divy w lewym ustawie float: left w prawym float:right, to środek powinien się rozciągać w zależności od rozdzielczości oraz rozmiarów przeglądarki, i tak się dzieje tylko dlaczego prawy div jest na wysokości kończącego się środkowego?

podgląd: http://bazujemy.pl/test/

kod html:
[HTML] pobierz, plaintext 
  1. <html>
  2.  <head>
  3.   <link rel="Stylesheet" type="text/css" href="style.css" />
  4.  </head>
  5.  
  6. <body>
  7. 	<div id="left">
  8. 	lewa
  9. 	</div>
  10. 	<div id="tresc">
  11. 	srodek
  12. 	</div>
  13. 	<div id="right">
  14. 	prawa
  15. 	</div>
  16. </body>
  17. </html>
[HTML] pobierz, plaintext


kod css:
[HTML] pobierz, plaintext 
  1. #left {
  2. float:left;
  3. width: 240px;
  4. border: 1px solid;
  5. }
  6. #tresc {
  7. margin-left:290px;
  8. margin-right:290px;
  9. min-height: 500px;
  10. min-width: 200px;
  11. border: 1px solid;
  12. }
  13. #right {
  14. float:right;
  15. width: 240px;
  16. border: 1px solid;
  17. }
[HTML] pobierz, plaintext


Ten post edytował adi456 26.11.2011, 11:53:02
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
adi456
post
Post #2





Grupa: Zarejestrowani
Postów: 251
Pomógł: 0
Dołączył: 21.01.2010
Skąd: Nowy Sącz

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

dokładnie o to chodziło ale dołożyłem do środka float: left wykasowałem marginesy efekt mam taki że środek się nie rozciąga

Ten post edytował adi456 26.11.2011, 10:30:31
Go to the top of the page
+Quote Post

Posty w temacie
- adi456   [HTML][CSS] Szablon DIV - problem pomocy..   26.11.2011, 10:11:37
- - jacobson   ja mam cos takiego - o takie chodzilo ? http://jsf...   26.11.2011, 10:19:24
- - adi456   dokładnie o to chodziło ale dołożyłem do środka fl...   26.11.2011, 10:23:44
- - jacobson   a chcesz osiagnac zeby wszystkie 3 divy byly dokla...   26.11.2011, 10:30:21
- - adi456   chce zrobić tak jak jest tu http://bazujemy.pl/tes...   26.11.2011, 10:34:53
- - jacobson   nie dziala poniewaz min-width najwidoczniej nie dz...   26.11.2011, 10:45:53
- - Bateria   Jestem pewien że chodziło Ci o to: [HTML] pobierz,...   26.11.2011, 10:48:12
- - jacobson   dokladnie o to mi chodzilo. Ale chyba dziala popra...   26.11.2011, 10:50:00
- - Bateria   Jak chcesz się odwdzięczyć to kliknij napis 'P...   26.11.2011, 10:51:37
- - adi456   wykasowałem z przykładu min-height: 500px; min-wid...   26.11.2011, 10:51:38
- - jacobson   znalazlem przed chwila taki link: http://css-trick...   26.11.2011, 10:53:48
- - adi456   jednak dupa... wszystko jest ok dopóki środek nie ...   26.11.2011, 11:01:11
- - Bateria   [HTML] pobierz, plaintext #left {background:green;...   26.11.2011, 11:14:54
- - adi456   dalej źle http://bazujemy.pl/test5/ tu jest więce...   26.11.2011, 11:18:38
- - Kshyhoo   Eh, kombinujecie i kombinujecie: [HTML] pobierz, p...   26.11.2011, 11:36:38
- - adi456   ha kombinujemy bo to nie takie łatwe, float: left ...   26.11.2011, 11:44:40
- - Kshyhoo   Też nie problem: [HTML] pobierz, plaintext <!DO...   26.11.2011, 12:02:05
- - adi456   problem rozwiązany dzięki użytkownikowi Kshyhoo od...   26.11.2011, 12:24:55
- - Kshyhoo   Cieszę się, że mogłem pomóc.   26.11.2011, 12:39:38

« Następny starszy · Przedszkole · 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: 18.10.2025 - 02:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn