Autor Zpráva
Fisir
Profil
Ahoj.
Nevíte, jak docílit toho, že s použitím pouze CSS „šoupnu“ div A za div B, přičemž fyzicky v kódu je první div A? Zkoušel jsem to pomocí floatu a clearování, ale nic nefungovalo.
MyShare
Profil
a z-index ?
Fisir
Profil
Reaguji na MyShare [#2]:
Asi jsem se špatně vyjádřil. Nemyslím schovat blok A za blok B, ale přesunout ho:
MyShare
Profil
pošli htm a css kód kde to riešiš
Fisir
Profil
Reaguji na MyShare [#4]:
Kdekoli na www.fisir.tk. Konkrétně chci div #colOne přesunout za div #colTwo (ve verzi pro mobily).
MyShare
Profil
Nazdar skús toto
body {
    margin: 0;
    padding: 0;
}
#container {
    width: 500px;
    height: 500px;
    border:1px solid #000;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    line-height: 200px;
}
.a {
    width: 250px;
    height: 250px;
    background: red;
    color: #fff;
}
.b {
    width: 250px;
    height: 250px;
    background: blue;
    color: #fff;
}
.last {
    float: left;
    position: absolute;
    top:300px;
}
.firts {
    float: left;
}

<!DOCTYPE html>
<head>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="container">
<div class="a last">DIV A</div>
<div class="b firts">DIV B</div>
</div>
</body>
</html>
Fisir
Profil
Reaguji na MyShare [#6]:
To sice funguje hezky, ale div B ani div A nemají pevnou výšku.
Plaváček
Profil
Fisir:

Já tomu moc nerozumím, tak se zeptám. Pro mobily máš extra verzi (tedy odlišné HTML a CSS), nebo řešíš problém responzivního layoutu? A proč bys to vlastně dělal? Jaký smysl to má mít?
Fisir
Profil
Reaguji na Plaváčka [#8]:
Pro mobily řeším problém responzivního layoutu. Do HTML se nijak nezasahuje. Podle mě je důležitější obsah stránky, než menu a tak ho chci přesunout za text stránky.
joe
Profil
Fisir:
Podle mě je důležitější obsah stránky, než menu a tak ho chci přesunout za text stránky.

Tak proč to neuděláš tak i v HTML, když je obsah důležitější než menu?
Fisir
Profil
Reaguji na joea [#10]:
A jo, to bude jistější. Původně jsem myslel, že to přes CSS vyřeším, ale zdá se, že ne.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: