SUPER! díky – tohle mi teda uteklo... (jak jsem se zaměřil na ty barvy)
Musel by jste definovat jinak stránku přidáním tagu <div id="obal">:
<?php if(!defined('_core')) exit; ?>
<!DOCTYPE html>
<html>
<head>
<?php _templateHead() ?>
</head>
<body>
<div id="obal">
<div id="header">
...
</div>
</div>
</body>
</html>a pak přidat ve stylopisu layout.css#obal {
margin: 0 auto;
width: 892px;
}a upravit #content přidánímfloat: left;a můžete vypustit margin: 0 auto;
Pak se domnívám, že by se Vám mohlo podařit to oč se snažíte - tedy pokud jsem Vás správně pochopil.
Funguje to skvěle! Děkuju.
jen jestli můžete vysvětlit co se touto změnou stalo:
#obal {margin: 0 auto;width: 892px;}
#content{width:892px;margin:0 auto;background:#ffffff;float: left;}
ALE NECHCI ZDRŽOVAT
Tím #obal jste si nadefinoval celou šířku "viditelné" plochy pro text Vašeho webu (width) a zarovnal na střed (margin). Tedy jakoby definice maximálního rámu.
Dále již není třeba tuto šířku nikde uvádět, tedy ani v #headeru a ani v #content, protože se vždy musí vejít pouze do tohoto rozměru.
V #content jsou definované další objekty s float. Musíte tedy říci #content, že má také být nějak obtékán aby se jeho výška "zviditelnila". Pokud by chybělo #obal, pak se #content při použití float:left zarovná k levému okraji obrazovky, nikoliv k okraji "viditelné" části webu....
Pokud tolik v jednoduchosti a stručnosti stačí.
Zaslat odpověď