Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> spadający div..., problem z opadającym div'em i ustawieniem div'ów na środku str
mytenchi
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 27.12.2007

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

Witam !

Zaczalem pisac wlasna strone (na divach -> nigdy dotad tego nie robilem) i za chiny nie moge poradzic sobie z opadajcym divem "tresc" jak i ustawieniem div id="topik" po srodku strony

/of course google nie jest mi obce, przegladalem sporo postow ale nie znalazlem odpowiedzi na moj przypadek -.-"

html:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>Štenchi</title>
  8. <link href="xstyl.css" rel="stylesheet" type="text/css" />
  9. </head>
  10. <body>
  11.  
  12. <div id="topik">
  13.   <div id="logo">logo</div>
  14.     <div id="menu">
  15.      <ul>
  16.        <li><a href="#">Link</a></li>
  17.        <li><a href="#">Link</a></li>
  18.        <li><a href="#">Link</a></li>
  19.        <li><a href="#">Link</a></li>
  20.      </ul>
  21. </div>
  22. <div id="tresc">tresc</div>
  23. <div id="stopka">stopka</div>
  24. </div>
  25.  
  26. </body>
  27. </html>
[HTML] pobierz, plaintext


i css:
[HTML] pobierz, plaintext 
  1. @charset "utf-8";
  2. body {
  3. 	font-family: Verdana,;
  4. 	font-size: 10px;
  5. 	color: #000000;
  6. 	text-decoration: none;
  7. 	background-color: #FFFFFF;
  8. 	margin: 0px;
  9. 	padding: 0px;
  10. }
  11.  
  12. #topik {
  13. 	width: 700px;
  14. 	border: 1px solid;
  15. 	margin: 0 auto 0 auto;
  16.  
  17. }
  18. #logo {
  19. 	background-color: #CCCCCC;
  20. }
  21. #menu {
  22. 	background-color: #FFFFFF;
  23. 	float: left;
  24. 	width: 150px;
  25. 	overflow: hidden;
  26. }
  27. #tresc {
  28. 	float: left;
  29. 	width: 550px;
  30. 	overflow: hidden;
  31. }
  32. #stopka {
  33. 	clear: both;
  34. 	width: 100%;
  35. 	background-color: #CCCCCC;
  36. }
[HTML] pobierz, plaintext


Ten post edytował mytenchi 27.12.2007, 05:47:08
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
nevt
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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

W FF2, O9, IE7, IE6 wszystko jest ok... wszystko wyświetla się prawidłowo - skopiowałem twój kod i sprawdziłem... topik jest wycentrowany w poziomie, tresc jest na prawo od menu, logo i stopka są na 100% topiku... więc w czym jest twój problem ??? może wystaw to gdzieś i pokaż, albo zrób zrzut ektranu ?? w czym to oglądasz ?
Go to the top of the page
+Quote Post
mytenchi
post
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 27.12.2007

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

niby teraz jest wszystko wporządku ale gdy dodam w stylu ramke do menu lub odstep 3px to wszystko sie sypie i tresc wchodzi pod menu...
[HTML] pobierz, plaintext 
  1. #menu {
  2. 	background-color: #FFFFFF;
  3. 	float: left;
  4. 	width: 150px;
  5. 	overflow: hidden;
  6. padding: 3px; /*  odstep 3px */
  7. }
[HTML] pobierz, plaintext


//kombinuje dalej..
---------------------------------
no..

teraz wynik moich prac to:
mytenchi.ovh.org/portfolio/index.html

styl:
mytenchi.ovh.org/portfolio/xstyl.css

i osobny plik css dla menu:
mytenchi.ovh.org/portfolio/xmenu.css

Ale niestety nadal gdy chce cos zmienic w css dla div "tresc" np padding: 3px; to div ten spada pod to cholerne menu.... grr ;s


tu Przykład strony po dodaniu odstepu 3px...
mytenchi.ovh.org/spadlo/index.html

Ten post edytował mytenchi 27.12.2007, 16:13:45
Go to the top of the page
+Quote Post
nevt
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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

no i wszystko działa tak jak powinno... poczytaj sobie o CSS Box Model, to zrozumiesz o co chodzi...
Go to the top of the page
+Quote Post
mytenchi
post
Post #5





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 27.12.2007

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

Cytat(nevt @ 27.12.2007, 17:05:59 ) *
no i wszystko działa tak jak powinno...

no wlasnie nie dziala !   -div 'tresc' nie opada w mytenchi.ovh.org/portfolio/ bo nie zmienialem/ nie dodawalem zadnych parametrow w stylu do tego div'a


Cytat(nevt @ 27.12.2007, 17:05:59 ) *
poczytaj sobie o CSS Box Model, to zrozumiesz o co chodzi...

przeczytalem jednak nadal nie rozumiem co zrobić by ten div nie wchodzil pod menu..
Go to the top of the page
+Quote Post
nevt
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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

parametr width (oraz height) NIE ZAWIERA W SOBIE: padding, border-width oraz margin...
czyli jeżeli w div o width 700 px wsadzasz dwa div o szerokościach 150 px + 550 px a potem DODAJESZ do nich jakieś padding, margin lub border i jeszcze publicznie dziwisz się czemu jedno w drugim się nie mieści, to ja ciebie nie rozumiem przyjacielu - po chińsku ci to wytłumaczyć czy jak (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
mytenchi
post
Post #7





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 27.12.2007

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

.......wielkie dzięki za tak "łopatologiczne" wytłumaczenie tego.. faktycznie teraz to ma sens (-.^)"
sorry jesli Cie za bardzo zirytowalem =P
Go to the top of the page
+Quote Post
« 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 · Linearny+ · Przełącz na: Drzewo

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

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