NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Centrování stránky, <div>

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Nakaii
Člen
Avatar
Nakaii:24.1.2016 16:32

Ahoj,
Potřebuji pomoct.Můj problém je, že používám tohle:

<div style="width: 800px; margin-left: auto; margin-right: auto; background-color: blue">

na vycentrování stránky do středu a na obarvení toho středu. Ale když použiju <div> i u něčeho jiného, a pak ho také ukončím </div> tak mi to automaticky ukončí i ten horní kód, takže ta barva toho vycentrovaného obsahu ukončí, a dále je jen pozadí. Nedá se to nějak obejít nebo jak jinak vycentrovat stránku, a obarvit tu vycentrovanou část?
Předem děkuji.

 
Odpovědět
24.1.2016 16:32
Avatar
Dominik Gavrecký
Tvůrce
Avatar
Dominik Gavrecký:24.1.2016 16:36 
<div style="width: 800px; margin: 0 auto; background-color: blue;">
        <div></div>
</div

Použi toto

Nahoru Odpovědět
24.1.2016 16:36
Hlupák nie je ten kto niečo nevie, hlupákom sa stávaš v momente keď sa na to bojíš opýtať.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Dominik Gavrecký
Tomáš123:24.1.2016 17:34

Tvoj zápis je okrem názorného <divu> vo vnútri a ukončovacej značky totožný s chybovým. <div> implicitne nemá nastavený žiadny margin, takže explicitné nulovanie je zbytočné. Inak je iba forma trochu kratšia.

Nahoru Odpovědět
24.1.2016 17:34
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Nakaii
Tomáš123:24.1.2016 17:35

Neobsahuje ten <div> iba obtekané (float) alebo poziciované prvky? Skús mu nastaviť ešte

overlow: auto; /*Clear*/
Nahoru Odpovědět
24.1.2016 17:35
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Nakaii
Člen
Avatar
Nakaii:24.1.2016 18:56

Děkuji :) To centrování už funguje jak má :) Ale zase když se snažím hodit barvu pozadí tomu vycentrovanému místu, tak zase to pozadí je jen na začátku, a dál už ne a já bych potřeboval aby byla obarvená celá část toho vycentrovaného místa.
Předem děkuji za odpověď

 
Nahoru Odpovědět
24.1.2016 18:56
Avatar
Nakaii
Člen
Avatar
Nakaii:24.1.2016 19:19

Už jsem to vyřešil. Děkuji

Editováno 24.1.2016 19:19
 
Nahoru Odpovědět
24.1.2016 19:19
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Nakaii
Tomáš123:24.1.2016 19:47

A v čom bol problém?

Nahoru Odpovědět
24.1.2016 19:47
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Nakaii
Člen
Avatar
Nakaii:25.1.2016 10:28

Přidal jsem do CSS

height: 1000px;
padding: 10px;

a tím jsem si tu barvu roztáhl tam, kam jsem chtěl.

 
Nahoru Odpovědět
25.1.2016 10:28
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Nakaii
Tomáš123:25.1.2016 18:26

Hm, to nie je dobré riešenie. Skús radšej nastaviť tomu divu overflow. Ak to nepomôže, prídeme na niečo lepšie.

Nahoru Odpovědět
25.1.2016 18:26
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.