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

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod mr.M » 10 úno 2010 21:56

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:
Naposledy upravil(a) Myloš dne 11 úno 2010 02:53, celkem upraveno 1 x.
Důvod: Oprava nadpisu – že je to takhle srozumitelnější než „CSS - nezobrazuje imgs“? Je nutné patlat do nadpisu angličtinu, když to jde minimálně stejně dobře česky? Na českém fóru?

Reklama
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Myloš » 11 úno 2010 01:43

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.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)

Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod mr.M » 11 úno 2010 14:55

ok, díky opravím... :blush: :wink:
No stress, have fun.


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Soubory ve složkách na externím HDD se nezobrazují
    od Ghoust23 » 12 led 2025 20:40 » v Problémy s hardwarem
    7
    3158
    od petr22 Zobrazit poslední příspěvek
    14 led 2025 12:27

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 5 hostů