Autor Zpráva
Šoumi
Profil *
#1 · Zasláno: 20. 5. 2006, 14:26:44 · Upravil/a: Moderátor (editace znemožněna)
Odpovědět Citovat
Ahoj, je to totéž téma, ale to pod je zaplácané. Tady najdete příklad, na který abyste viděli problém musíte se na to podívat doma v IE, který vykresluje pozadí a Firefox, či Operu, který pozadí vůbec nevykresluje. Když bych udělal pravý sloupec, tak se pozadí vykreslený ve FF, ale pouze do konce jeho obsahu. Prosím podívejte se. Stačí si jen okopčit celý kód a podívat se doma. Neptejte se proč to, tak blbě konstatuji, je to tím, že mám zvláštní menu vytvořené. Celá stránka bude obklopena hlavním divem a v něm bude levá část a vedle ní pravá část. Je to pouze příklad, kde je naprosto vidět daný problém. IE pozadí pochopí, ale Firefox a ostatní na to házej bulíky..., nevím co s tím. Mě to přijde logické. 




<html>

<head>

 

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <title>Zkouška pozadí: IE bez problémů! Firefox, Opera a dlaší pozadí nevykreslý!!!</title>

 

<style>

* {

	margin: 0;

	padding: 0;

}

body {

	background: white; 

	font-family: Tahoma, "Geneva CE", lucida, sans-serif; 

	color: black;

	font-size: x-small;

	text-align: center;

	min-width: 770px;

	line-height: 1.5;

}

html > body {

	font-size: small;

}



/* main page */

#main {

	width: 751px;

	margin: 0 auto;

	text-align: left;

	z-index: 1;

	position: relative;

	min-height: 100%;

	height: 100%;

	font-size: 100%;

	background: #CA2C2C;

}

body > #main {

	height: auto;

}

/* main page */





/* left part */

#left {

	width: 503px;

	float: left;

}

/* left part */



/* content */	

#content {

	padding: 25px 20px 15px 20px;

	clear: both;

	overflow: hidden;

	width: 503px;

	background: yellow;

}	

/* content */



#left > #content {

	width: 463px;

}

</style>



</head>

<body>



<!-- main page -->

<div id="main">

	

	<!-- left part -->

	<div id="left">

		

		<!-- content -->

		<div id="content">

			<h2>Warner Bros</h2>	

			<p>Veleznámý filmový distributor <strong>Warner Bros</strong> v&nbsp;České republice <strong>končí</strong>. Důvodem je slabý finanční zisk z&nbsp;prodeje. Podobně jsou na tom i jiné české společnosti např. <strong>New Line Cinema</strong>, který se u&nbsp;nás také nechytl a balil si kufry už před lety. Lidé si dnes raději pujčují filmy ve videopůjčovnách, nebo je nějakým způsobem zkopírují a má to samozřejmě tyto následky.</p>

		</div>

		<!-- content -->	

		

	</div>

	<!-- left part -->		

		

</div>

<!-- main page -->



</body>

</html>



background: #CA2C2C; - červená na pozadí..., Firefox jo, další prohlížeče ne. Děkuji za rady.
Šoumi
Profil *
#2 · Zasláno: 20. 5. 2006, 14:39:10
Odpovědět Citovat
Už jsem chybu odhlil a funguje to! Tohle je potřeba umazat:

body > #main {
height: auto;
}

Každopádně na mé stránce to bohužel nestačí..., fakt nevim.
Plaváček
Profil
#3 · Zasláno: 20. 5. 2006, 17:25:15
Odpovědět Citovat
Zkus to takhle (je třeba ukončit obtékání):

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Zkouška pozadí: IE bez problémů! Firefox, Opera a dlaší pozadí nevykreslý!!!</title>

<style>
* {
margin: 0;
padding: 0;
}
body {
background: white;
font-family: Tahoma, "Geneva CE", lucida, sans-serif;
color: black;
font-size: x-small;
text-align: center;
min-width: 770px;
line-height: 1.5;
}
html > body {
font-size: small;
}
html, body {
height: 100%;
}
/* main page */
#main {
width: 751px;
margin: 0 auto;
text-align: left;
z-index: 1;
position: relative;
min-height: 100%;
_height: 100%;
font-size: 100%;
background: #CA2C2C;
}
body > #main {
height: auto;
}
/* main page */


/* left part */
#left {
width: 503px;
float: left;
}
/* left part */

/* content */
#content {
padding: 25px 20px 15px 20px;
clear: both;
overflow: hidden;
width: 503px;
background: yellow;
}
/* content */

#left > #content {
width: 463px;
}
.end {
clear: both;
}
</style>

</head>
<body>

<!-- main page -->
<div id="main">

<!-- left part -->
<div id="left">

<!-- content -->
<div id="content">
<h2>Warner Bros</h2>
<p>Veleznámý filmový distributor <strong>Warner Bros</strong> v&nbsp;České republice <strong>končí</strong>. Důvodem je slabý finanční zisk z&nbsp;prodeje. Podobně jsou na tom i jiné české společnosti např. <strong>New Line Cinema</strong>, který se u&nbsp;nás také nechytl a balil si kufry už před lety. Lidé si dnes raději pujčují filmy ve videopůjčovnách, nebo je nějakým způsobem zkopírují a má to samozřejmě tyto následky.</p>
</div>
<!-- content -->

</div>
<!-- left part -->
<div class="end">&nbsp;</div>
</div>
<!-- main page -->

</body>
</html>
Šoumi
Profil *
#4 · Zasláno: 20. 5. 2006, 19:21:37
Odpovědět Citovat
Plaváček: Děkuju moooc. Já jsem, tak šťastnej. Já jsem nad tim bádal celej den. Moc děkuju, i když se mi tam nelíbí další div, ale jinak asi nepůjde. Hlavně, že mi to už jde.

Jen mám ještě dotaz: Co znamená _ před (_height: 100%; )

Jinak jsem myslel, že ukončení (clear: both;) stačí v posledním vnořeném divu! To jsou věci, tak jsem zas o něco chytřejší..., ještě jednou děkuju.
Plaváček
Profil
#5 · Zasláno: 20. 5. 2006, 19:23:33
Odpovědět Citovat
Podtržítkový hack pro IE, více zde http://wellstyled.com/css-underscore-hack.html
Šoumi
Profil *
#6 · Zasláno: 20. 5. 2006, 19:27:45
Odpovědět Citovat
Díky jste zlatej.
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0