Forum PHP.pl > [css] div

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

dem

13.10.2009, 11:58:36

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 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	</head>
	<style>
		body {
			margin: auto;
			background: black;
		}
		#top, #content, #bottom {
			width: 793px;
			margin: auto;
			min-height: 20px;
		}
		#top {
			background: red;
		}
		#content {
			background: orange;
		}
		#bottom {
			background: blue;
		}
		h2 {
 
		}
	</style>
	<body>
		<div id="top"></div>
		<div id="content">
			<h2>asd</h2>
		</div>
		<div id="bottom"></div>
	</body>
</html>
[HTML] pobierz, plaintext

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

No i teraz pytanie. Dlaczego marginesy pochodzace od h2 wychodza poza jego rodzica "content" tworzac przerwy miedzy divami

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)

piotrooo89

13.10.2009, 12:12:42

daj dla h2 margin: 0;

dem

13.10.2009, 12:23:10

nie rozumiesz... ja nie chce dawac marginesu na 0... ja chce sie dowiedziec jakim prawem h2 nie zamyka sie w content...

jmail

13.10.2009, 12:30:16

lol - standardowe działanie shitFox'a

wywal to min-height i uzupełnij braki  

dem

13.10.2009, 12:36:51

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

jmail

13.10.2009, 12:49:54

ciekawe czemu ludzie mają problemy z czytaniem ze zrozumieniem. chodziło mi o uzupełnienie braku min-height poprzez   ż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

dem

13.10.2009, 12:56:45

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

jmail

13.10.2009, 13:00:52

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

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

dem

13.10.2009, 13:28:01

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

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

a co do css dla ie

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

erix

14.10.2009, 15:16:42

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.

A w ten tryb je wprowadzasz.

hint: dtd strict

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.