PC-HELP.CZ

Zdravíčko mám následující CSS:

[syntax lang=css]/* CSS Document */
body
{
margin: 0px;
padding: 0px;
font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif;
font-size: 24px;
background-color: #EF6500;
}

#logo
{
width: 100%;
margin-bottom: 5px;
background-image:url(/logo.png);
}

#pozadi
{
width: 100%;
margin-bottom: 5px;
background-image:url('images/pole.png');
}

#oddelovac
{
width: 100%;
margin-bottom: 5px;
background-image:url('images/odd.png');
}[/syntax]

a volám ho tu
[syntax lang=php]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="logo">
</div>
<div id="pozadi">
</div>
</body>
</html>[/syntax]

avšak stále to nejede, celý večer se snažím zjistit proč.. už vážně netuším... vyzkoušel jsem snad 20 možností :blush:

Jelikož ty <div>y neobsahují žádná data, mají nulovou výšku. Proto se v nich těžko může zobrazit obrázek na pozadí.
Pozor: height:100% nijak nepomůže.

Buď <div>y naplň obsahem, který zaručí minimální výšku pro zobrazení obrázků, nebo jim nastav min-height s patřičnou hodnotou.
Pozor, vlastnost min-height neumí Explolrer ve verzi 6 a v quirku pak žádný Explorer. Ovšem IE 6 vlastnost height mylně interpretuje jako min-height (a u vyšších IE toto chování v quirku přetrvává).

Zcela na okraj – proč si hraješ na XHTML, když píšeš v HTML?
V HTML se nepárové tagy neukončují, neboli tagy končící /> jsou chybně. To lomítko na konci nemá co dělat.

ok, díky opravím... :blush:

PC-HELP.CZ

CSS - nezobrazují se obrázky na pozadí <div>ů.*

CSS - nezobrazují se obrázky na pozadí <div>ů.*

Re: CSS - nezobrazují se obrázky na pozadí <div>ů.* Vyřešeno

Re: CSS - nezobrazují se obrázky na pozadí <div>ů.*