13.06.2014, 05:19 | zipp | Upraveno: 2014-06-13 05:20:20

Při plné velikosti stránky je menu vlevo a obsah vpravo vedle něj. Při zmenšené velikosti (responzive layout) však menu skočí až pod obsah.

Poradil by mi prosím někdo, co vepsat do přiložených css souborů (spíš do jednoho z nich), aby menu při zmenšení okna bylo jako první a obsah až pod ním?

stránka:
[ Link ]

CSS:
[ Link ]
[ Link ]



PS: Kdyby se to menu dokázalo nějak smrsknout, třeba do rozbalovacího seznamu nebo jiné podoby vhodné pro zobrazení nad obsahem (přecejen je to menu v rozbalené podobě dost dlouhé), byl by to bezva bonus.

Potřebuji to do jedné práce, co musím odevzdat do 11ti hodin. Sedím nad tím celou noc a zatím jsem na to nepřišel, v CSS jsem lama.
Předem moc díky za ochotu

 13.06.2014, 07:14 | drebb

nazdar, problem vidim ve strukture html, sidebar si dej pred content, pak v css zmen margin-left pro sidebar na -25% a contentu vubec margin-left nedavej, ono je to cele nejak divne stylovane. pokud chces nejake dropdown menu, tak zkus cssmenumaker

 13.06.2014, 07:36 | zipp

Ahoj, strukturu html bohužel nezměním, je to generovaný redakčním systémem...potřebuji poladit jen ty css.
A třeba to hlavní menu se při nejmenším zobrazení na dropdown změní samo

 13.06.2014, 09:50 | Conan

V layout.css přidej za tohle:

@media all and (min-width: 601px) and (max-width: 850px) {

#content,
#sidebar-first,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
display: inline;
float: left; /* LTR */
position: relative;
}



toto:

#content
{
position: absolute;
top: 700px;
display: list-item;
}

Pak si vyhraj s hodnotou "top".

To by jako rychlé řešení mohlo stačit.

 13.06.2014, 10:13 | zipp | Upraveno: 2014-06-13 10:14:37

Conan:
díky moc, menu nahoru opravdu skočilo, ale působí to problém s patičkou, která se překrývá s obsahem...měnění hodnoty top tomu moc nepomáhá, patička je pořád hodně nahoře

 13.06.2014, 10:31 | Conan

Tak za to co jsme přidávali:


#content
{
position: absolute;
top: 700px;
display: list-item;
}


dej toto:

#sidebar-first
{
min-height: 1700px;
}

Zase si pohraj s hodnotou v "px".