Neviem kde robim chybu??

**Peacemaker11** · 14.02.2012 16:11

neviete kde robim chybu???

Kód:

<!DOCTYPE html>
<html>
<head>
<title>APP</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
*{
	margin:0;
	padding:0;
}
  body{
    font-family: Arial, sans-serif;
  }
  #top{
    height:60px;
    background-color: #363636;
  }
  .clr{
    clear: both;
  }
  #center{
    margin: 0 auto;
	width: 904px;
	background: red;
  }
  #left{
	float: left;
	width: 500px;
	color: #333;
  }
</style>

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>

<body>

<div id="center">
<div id="top">
</div><!-- top -->
<div id="left">
<h2>ID LEFT</h2>
<p>Pokračování klasického anglického sci-fi seriálu, který se natáčel v letech 1963-1989. Devatenáctiletá Londýňanka Rose Tyler (Billie Piper) žije jednotvárný život prodavačky v obchodním domě s oblečením a nevidí před sebou jinou budoucnost. To se změní ve chvíli, kdy ji po zavíračce ve skladu napadnou oživlé figuríny. Zachrání ji záhadný muž, který se představí jako Doktor. Má neobvyklé znalosti a odlišné vnímání časoprostoru, než ostatní lidé. Rose na něj naráží znovu a znovu a ocitá se uprostřed boje o budoucnost lidstva, o kterém lidé ještě nevědí.
Ani Doktor není, co se zpočátku zdál; prochází dějinami, aniž by zestárl, a kde se objeví, tam se schyluje ke katastrofě. Ve skutečnosti pochází z rasy Timelordů, kteří kdysi dávno cestovali prostorem a časem v lodích Tardis (cestuje v poslední z nich) a dohlíželi na nerušený vývoj mladších civilizací. Prohráli však v Časových válkách a jejich domovská planeta byla zpustošena. Doktor zřejmě přežil jako jediný a v poslední prastaré a občas poruchové Tardis cestuje dějinami Země a je „stále na odchodu“. Tardis je vybavena chameleoním okruhem, který je ale porouchaný a tak loď stále vypadá jako modrá britská
</p>
</div><!-- left -->
</div><!-- center -->

</body>

</html>

Prečo sa mi nezobrazuje červené pozadie na celu dlžku od vrchu až po spodok???
Lebo ked dam z #left preč float:left tak mi to ide tak ako ma. ale ked to tam mam tak mi to nejde.
A ten css kod mam z tadialto kde to funguje.

---------- Příspěvek doplněn 14.02.2012 v 16:14 ----------

A ja viem že sa to da riešiť aj cez overflow auto ale cez to to nechcem riešiť. Ked to ide tam tak to musí isť aj tuna pripajam stranku z kade mam css kod http://serialy.kinotip.cz/online-serialy/doctor-who/

Pavlinka poptává: Video z fotek
Hrodek poptává: Poradí někdo WP šablonu pro podobný projekt
Expres Servis poptává: Nakodovat sablonu na SUPERCART

**gepardik** · 14.02.2012 16:19

Nechápu jak to myslíš.. každopádně po celé délce se ti zobrazovat červené pozadí nebude, pokud máš hned v dalším divu určenou barvu pozadí..

Pokud chces komplet celou stránku červenou a jeden div jinou barvu, tak hoď červenou barvu na pozadí..

**Peacemaker11** · 14.02.2012 16:30

nie ja chcem mať cely center cervený tak ako to mam teraz napisane...ale hned ako tam dam #left spolu s float: left tak mi to uz nejde.
Skus si to.. stiahny kod a vyskusaj =)

**gepardik** · 14.02.2012 16:32

zkusil jsem, a doma to vidím stejně jak s float tak bez float..

**mar1221** · 14.02.2012 16:34

Nefunguje ti to lebo si nezrusil float. pridaj medzi za konecny tag divu s id left:

Kód:

<div class='clr'></div>

Takze cely kod body bude vyzerat taktko:

Kód:

<body>

<div id="center">
<div id="top">
</div><!-- top -->
<div id="left">
<h2>ID LEFT</h2>
<p>Pokračování klasického anglického sci-fi seriálu, který se natáčel v letech 1963-1989. Devatenáctiletá Londýňanka Rose Tyler (Billie Piper) žije jednotvárný život prodavačky v obchodním domě s oblečením a nevidí před sebou jinou budoucnost. To se změní ve chvíli, kdy ji po zavíračce ve skladu napadnou oživlé figuríny. Zachrání ji záhadný muž, který se představí jako Doktor. Má neobvyklé znalosti a odlišné vnímání časoprostoru, než ostatní lidé. Rose na něj naráží znovu a znovu a ocitá se uprostřed boje o budoucnost lidstva, o kterém lidé ještě nevědí.
Ani Doktor není, co se zpočátku zdál; prochází dějinami, aniž by zestárl, a kde se objeví, tam se schyluje ke katastrofě. Ve skutečnosti pochází z rasy Timelordů, kteří kdysi dávno cestovali prostorem a časem v lodích Tardis (cestuje v poslední z nich) a dohlíželi na nerušený vývoj mladších civilizací. Prohráli však v Časových válkách a jejich domovská planeta byla zpustošena. Doktor zřejmě přežil jako jediný a v poslední prastaré a občas poruchové Tardis cestuje dějinami Země a je „stále na odchodu“. Tardis je vybavena chameleoním okruhem, který je ale porouchaný a tak loď stále vypadá jako modrá britská
</p>
</div><!-- left -->
<div class='clr'></div>
</div><!-- center -->

</body>

Ak nechapes princip floatov a clearu skus pozriet: http://www.w3schools.com/css/css_float.asp a http://www.w3schools.com/cssref/pr_class_clear.asp

**Peacemaker11** · 14.02.2012 16:35

A čo použivas za prehliadač???

**mar1221** · 14.02.2012 16:37

Peacemaker11: Btw taketo chyby by sa ti lahko odstranovali pouzitim napr. firebugu. Ak nemas, tak rychlo instaluj. ;)

---------- Příspěvek doplněn 14.02.2012 v 16:40 ----------

gepardik: to je zvlastne. bez float by <div id='center'> mal vazne mat cervene pozadie... v akom prehliadaci si?

**Peacemaker11** · 14.02.2012 16:47

Sak toto je zvlastne...bez toho clearu sa to ani skurvene nevykresli a to tu sermujem stym asi 4 hodiny.

---------- Příspěvek doplněn 14.02.2012 v 16:50 ----------

A použivam chrome...a potom prečo na tej stranke na ktoru som dal odkaz tak ani ten nema clear ale ked pridam do #container background-color: black tak sa mi to tam vykresli tak ako ma...

**mar1221** · 14.02.2012 16:53

Teraz ti asi moc nerozumiem. Bez clearu ti to fungovat nebude - kazdy float musis zrusit, inak ti blokovy element obsahujuci iny blokovy element ktory ma nastaveny float 'zmizne'.
Kazdopadne funguje ti ten kod co som poslal?

**Peacemaker11** · 14.02.2012 17:06

funguje diky =)))) ale sa skus pozrieť na tu stranku čo som pridal v prvom príspevku a pridaj do #container hocijaky background a uvidis že to funguje

**mar1221** · 14.02.2012 17:16

no dobre ale to je predsa uplne iny pripad. vsimni si lepsie strukturu tej stranky, nie je totozna s tvojou... ak chces vediet preco sa jemu ten obsahujuci element neschova, je to preto ze sam ma nastaveny float. #container urcuje len sirku obsahu a vycentruje ho, jeho child #pagewrapper drzi obsah a sam ma float: left, preto to funguje... inak mne to pride ako zvlastne riesenie - robil by som to inak - jednoduchsie, ale neviem, mozno mali nejaky dovod preco postupovat takto.

**MarekCubico** · 15.02.2012 13:08

Používej správné pozice a float. Zobrazuje se ti to, jak má, to že to není jak chce je proto, že to nemáš napsaný tak, aby se to zobrazovalo jak chceš. A elementy na clear používaj taky jenom lidi, co neumí pořádně css.

**Peacemaker11** · 16.02.2012 06:24

Pozice???? Nehovorím že viem css riadne ale tak mi prosim napiš ako to ma byť??? Rad sa poučim =)

**MarekCubico** · 16.02.2012 08:05

Doporučuji dát všem elementům tvořícím rozložení layoutu position: relative; a všem těmto mimo ty s margin: 0 auto; také float
důvod:
- všechny absolutně pozicované elementy uvnitř se budou pozicovat k těmto elementům (k elementům s position: relative;)
- Floatovaný element nevytéká z jiného floatovaného elementu.
- Budou správně fungovat javascriptové animace.
Upozorňuji, že pak bude mít element s margin: 0 auto pseudo nulovou výšku (což ale činí menší problémy, než přetýkající floaty.

Bohužel nevím o žádném tutoriálu, kde by bylo přesně vidět, jak toto myslím. Sám sem se takovéto psaní kódu naučil v souvislosti s programováním jQuery, aby všechny JS akce fungovali správně ve všech prohlížečích. Něco malinko je naznačeno zde v části věnované CSS stylům menu: http://www.cubico.cz/2012/02/jquery-...menu/#more-514

Zkuste kód takto upravit:-)

Neviem kde robim chybu??

Nástroje témat

Co se právě děje na Webtrhu?

Podobná témata

Htaccess - kde dělám chybu?

Post Affiliate Pro 4 nezarátava kliknutia, kde robím chybu?

CURL, kde mám chybu?