Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] div > h2, Dziecko nie slucha sie rodzica
dem
post
Post #1





Grupa: Zarejestrowani
Postów: 96
Pomógł: 7
Dołączył: 24.01.2006
Skąd: lublin/wawa

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

Czesc.

Dawno nie robilem stronek, a ostatnio zaczalem stawiac bloga na wordpressie i doszedlem do klopotliwej sytuacji, ktora zobrazuje przykladem.

mam kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. 	<head>
  4. 		<title></title>
  5. 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. 	</head>
  7. 	<style>
  8. 		body {
  9. 			margin: auto;
  10. 			background: black;
  11. 		}
  12. 		#top, #content, #bottom {
  13. 			width: 793px;
  14. 			margin: auto;
  15. 			min-height: 20px;
  16. 		}
  17. 		#top {
  18. 			background: red;
  19. 		}
  20. 		#content {
  21. 			background: orange;
  22. 		}
  23. 		#bottom {
  24. 			background: blue;
  25. 		}
  26. 		h2 {
  27.  
  28. 		}
  29. 	</style>
  30. 	<body>
  31. 		<div id="top"></div>
  32. 		<div id="content">
  33. 			<h2>asd</h2>
  34. 		</div>
  35. 		<div id="bottom"></div>
  36. 	</body>
  37. </html>
[HTML] pobierz, plaintext


efekt w ff i operze: http://odsiebie.com/pokaz/6112467---205a.html

(IMG:http://srv140.odsiebie.com/DS5TXFJbVElRGDlcUzBXXgwyV1lURlROUy4x/Ph1gb2FoZXBgKWJie0clPCBYITx1PTNnP20yYDZK/wtf%20ff.jpg)

No i teraz pytanie. Dlaczego marginesy pochodzace od h2 wychodza poza jego rodzica "content" tworzac przerwy miedzy divami (IMG:style_emoticons/default/questionmark.gif) WTF

o ile dobrze pamietam to te marginesy powinny byc wzgledem "content" a nie body... jak dodam float dla h2 to zachowuje sie prawidlowo (ale dajac float right juz nie)

Ten post edytował dem 13.10.2009, 12:00:22
Go to the top of the page
+Quote Post
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
daj dla h2 margin: 0;
Go to the top of the page
+Quote Post
dem
post
Post #3





Grupa: Zarejestrowani
Postów: 96
Pomógł: 7
Dołączył: 24.01.2006
Skąd: lublin/wawa

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

nie rozumiesz... ja nie chce dawac marginesu na 0... ja chce sie dowiedziec jakim prawem h2 nie zamyka sie w content...
Go to the top of the page
+Quote Post
jmail
post
Post #4





Grupa: Zarejestrowani
Postów: 352
Pomógł: 53
Dołączył: 10.08.2009

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

lol - standardowe działanie shitFox'a (IMG:style_emoticons/default/biggrin.gif) wywal to min-height i uzupełnij braki &nbsp;
Go to the top of the page
+Quote Post
dem
post
Post #5





Grupa: Zarejestrowani
Postów: 96
Pomógł: 7
Dołączył: 24.01.2006
Skąd: lublin/wawa

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

jak ja kocham ludzi ktorzy sie wymadrzaja i polecaja uzupelnic braki podczas gdy sami powinni uzupelnic braki. Stosowanie, czy nie stosowanie min-height nie jest tutaj rozwiazaniem...

odpowiedz na moje pytanie, potem sprawdz swoje rozwiazanie, a dopiero potem pisz posty
Go to the top of the page
+Quote Post
jmail
post
Post #6





Grupa: Zarejestrowani
Postów: 352
Pomógł: 53
Dołączył: 10.08.2009

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

ciekawe czemu ludzie mają problemy z czytaniem ze zrozumieniem. chodziło mi o uzupełnienie braku min-height poprzez &nbsp; żeby Ci div o wysokości 0px się nie wyświetlił.

co do Twojego pytania to oczywiście że h2 zamyka się w content. dołóż do niego tylko border i zobaczysz. Taka gówniana przypadłość FF i Opery, że jak jest margin to go nie traktuje jako zawartości. Taki feature.

Swoją drogą mógłbyś to wycentrować w IE
Go to the top of the page
+Quote Post
dem
post
Post #7





Grupa: Zarejestrowani
Postów: 96
Pomógł: 7
Dołączył: 24.01.2006
Skąd: lublin/wawa

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

dalej nie rozumiem
Cytat
chodziło mi o uzupełnienie braku min-height poprzez   żeby Ci div o wysokości 0px się nie wyświetlił.

ze co mam zrobic ? bo nie nie chwytam ;o nie mam zadnego diva o wysojkosci 0px ;o

Ten post edytował dem 13.10.2009, 12:59:35
Go to the top of the page
+Quote Post
jmail
post
Post #8





Grupa: Zarejestrowani
Postów: 352
Pomógł: 53
Dołączył: 10.08.2009

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

jak wywalisz min height to będziesz miał dwa. puste....

zrób najpierw to co zasugerowałem w drugim poście. ustaw border: 1px solid green; na diva content i podziwiaj moc shitFoxa (IMG:style_emoticons/default/biggrin.gif)

następnie ustaw margin: auto dla h2 i po temacie.

Ten post edytował jmail 13.10.2009, 13:01:23
Go to the top of the page
+Quote Post
dem
post
Post #9





Grupa: Zarejestrowani
Postów: 96
Pomógł: 7
Dołączył: 24.01.2006
Skąd: lublin/wawa

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

hmmm, no coz... jednak bede musial ingerowac w margines h. pozostaje mi zawsze padding do zabawy...

szczerze, nigdy nie zauwazalem tego problemu, byc moze dlatego ze kiedys nie przejmowalem sie przeznaczeniem znacznikow i nie uzywalem naglowkow (IMG:style_emoticons/default/biggrin.gif)

niesamowite jak firefox czy opera potrafi sie pier*ol***. Myslalem ze to tylko przypadlosc ie.

a co do css dla ie (IMG:style_emoticons/default/biggrin.gif) css ie zawsze zostawiam na sam koniec:P

to ja mam tylko jeszcze jedno pytanie... kiedy ff i opera zaczely interpretowac marginesy i paddingi tak samo jak ie ? ; oooo

Ten post edytował dem 13.10.2009, 13:29:06
Go to the top of the page
+Quote Post
erix
post
Post #10





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
to ja mam tylko jeszcze jedno pytanie... kiedy ff i opera zaczely interpretowac marginesy i paddingi tak samo jak ie ? ; oooo

Wtedy, gdy działają one w quirks mode. (IMG:style_emoticons/default/tongue.gif) A w ten tryb je wprowadzasz.

hint: dtd strict
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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