HTML & CSS

Milan_B.
Uživatelský avatar
WD Trader: 4.43/5

Příspěvky: 638
Registrace: 03.12.2010
Najde se někdo kdo mi pomůže rozluštit tento pro mě rébus? http://www.vsetin-info.cz/

Chtěl bych ten blok přitáhnout k obsahu a aby při nižším rozlišení nelezl do textu.

Nemám rád CSS

Otakar Pěnkava

Administrátor
WD Trader: 4.6/5

Příspěvky: 2707
Registrace: 15.10.2010
Milan_B.
Uživatelský avatar
WD Trader: 4.43/5

Příspěvky: 638
Registrace: 03.12.2010
Ano

-- 11.02.2012 22:14 --

Když nad tím tak přemýšlím tak to vlastně ani pohyblivé být nemusí, možná to bude i lepší

Otakar Pěnkava

Administrátor
WD Trader: 4.6/5

Příspěvky: 2707
Registrace: 15.10.2010
Teď mě nic nenapadá a tam kde měli něco na tento způsob už to nemají. Zítra napíši, jestli to nevyřešíš dřív.

Proč vlastně neuděláš něco takového:
Kód: Vybrat vše
<div id="pagecover">
  <div id="page"></div>
  <div id="panelpronejnovejsi"><div id="nejnovejsi"></div></div>
</div>


a celé to nevycentruješ?

Milan_B.
Uživatelský avatar
WD Trader: 4.43/5

Příspěvky: 638
Registrace: 03.12.2010
Tohle už mě taky napadlo ale pořád to zlobí

Robert
Uživatelský avatar
WD Trader: 5/5

Příspěvky: 126
Registrace: 15.07.2011
No, se ani nedivím, když je to celý prasácky nakódovaný. Podívej se v jakým divu se centruje stránka, pak by ti mělo být jasný, proč ten sidebar dělá to, co dělá...

A right: 0 tomu taky nepomůže.

Milan_B.
Uživatelský avatar
WD Trader: 4.43/5

Příspěvky: 638
Registrace: 03.12.2010
Tohle je šablona pro drupal, trochu upravená. Když bys mi napsal jak na nápravu budu ti vděčný, já tu prasárnu nevidím.

Robert
Uživatelský avatar
WD Trader: 5/5

Příspěvky: 126
Registrace: 15.07.2011
No, tak předpokládám, že div #page byl hned za #pagecover a ten, kdo to upravoval prostě začal sázet obsah do #pagecover, místo do #page.

Takže buď smaž div #page (ne obsah v něm a nezapomeň na uzavírací tag) a centrování hoď do #pagecover

nebo

z divu #page smaž centrování a hoď ho do #pagecover

nebo

přesuň #page hned za #pagecover (a nezapomeň na uzavírací tag).

Centrováním mám na mysli:
margin: 0 auto;
width: 960px;

A v tom sidebaru smaž right: 0 a zmeň si position na fixed.

Problém je v tom, že ten sidebar cpeš do #pagecover, který neformátuje vůbec nic a pak ti z toho leze tohle.

Milan_B.
Uživatelský avatar
WD Trader: 4.43/5

Příspěvky: 638
Registrace: 03.12.2010
No tak snad jsem to upravil dobře, alespoň se to tak tváří

Díky

-- 12.02.2012 12:56 --

Je tam chyba. Nezobrazí se mi dolní potažítko při nižším rozlišení

Robert
Uživatelský avatar
WD Trader: 5/5

Příspěvky: 126
Registrace: 15.07.2011
Nemám čas se v tom teď hrabat, ale tady máš funkční příklad

DEMO

Kód: Vybrat vše
<!DOCTYPE html>
<html lang="cs-cz" dir="ltr">
<head>
  <meta charset="utf-8">
  <title>HTML 5</title>
  <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
   <div id="wrapper">
      <div id="content">
         CONTENT
      </div>
      <div id="sidebar">
         <div class="ads">
            REKLAMY
         </div>
      </div>
   </div>
</body>
</html>


Kód: Vybrat vše
body {
   background: #111;
}

#wrapper {
   width: 820px;
   margin: 0 auto;
}

#content {
   background: #fff;
   float: left;
   width: 600px;
   height: 2000px; /* simulace obsahu */
}

#sidebar {
   width: 200px;
   float: right;
}

.ads {
   background: #f9f9f9;
   width: 200px;
   height: 600px; /* simulace obsahu */
   position: fixed;
}

Pro plnohodnotné využívání fóra, vč. psaní příspěvků se musíte registrovat nebo se přihlásit.
Registrovat se nebo Přihlásit se