Zdravím, dělám první web v CSS, zatím mám tohle: http://pracovni.vasik.net/web , web by měl vypadat takto: http://pracovni.vasik.net/web/images/web.jpg . Potřeboval bych poradit jak udělat ten zelený pruh s nápisem Centrum dveří a podlah - všechno mám v divu container a nevím jak se můžu dostat přes něj. Díky.
Fórum › CSS
Začátečnický dotaz - pozicování
![](img/forum_vlakno_help_vyreseno.png)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Fu-Va</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<div id="header" class="clear">
<ul id="nav">
<li><a href="#">O nas</a></li>
<li><a href="#">Uvod</a></li>
<li><a href="#">Co nabizime</a></li>
<li><a href="#">Realizace</a></li>
<li><a href="#">O nas</a></li>
</ul>
</div><!--Header-->
<div id="menu" class="clear">
<ul id="nav-top-left">
<li><a href="#">PODLAHY</a></li>
<li><a href="#">DVERE</a></li>
<li><a href="#">VENKOVNI TERASY</a></li>
</ul>
</div><!--menu-->
<div id="main" class="clear">
<ul id="nav-top-left">
<li><a href="#">PODLAHY</a></li>
<ul>
<li><a href="#">DVERE</a></li>
<li><a href="#">BLABLA</a></li>
<li><a href="#">DVERE</a></li>
<li><a href="#">BLABLA</a></li>
<li><a href="#">DVERE</a></li>
<li><a href="#">BLABLA</a></li>
</ul>
</ul>
</div><!--main-->
</div><!--Container-->
<div style="position:absolute;left:0px;top:200px;">
<img src="podlahy.png" alt="podlahy" style="border:0px">
</div>
</body>
</html>
Když použiješ absolutní pozicování ten ten se přesune na pozici kterou mu definuješ. Tedy nehledě na ostatní divy. Nevím jestli to je zrovna nejlepší řešení jak ten pruh udělat ale nic lepšího mě nenapadlo.
Díky, nakonec jsem to vyřešil tak, že jsem udělal širší container. Ještě mám jeden problém: ve všech verzích IE se proužek dole na ukončení pozadí zobrazuje posunutý vpravo, v ostatních prohlížečích se to zobrazí správně. Můžete mi poradit co s tím? Díky?
http://pracovni.vasik.net/web
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
Zadej si tohle do hlavičky a uprav ten zkopíruj si starej styl a přejmenuj si ho na ie.css, skus to nějak doladit pro IE, třeba padding-right:10px; :-D:-D, ne to ne! No když to půjde ve verzích 6, 7 a 8 tak jo :-)
![](img/forum_nove_psp_new.png)
Přidej příspěvek
Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×![](/img/smile/1.gif)
![](/img/smile/2.gif)
![](/img/smile/3.gif)
![](/img/smile/4.gif)
![](/img/smile/5.gif)
![](/img/smile/6.gif)
![](/img/smile/7.gif)
![](/img/smile/8.gif)
![](/img/smile/9.gif)
![](/img/smile/10.gif)
![](/img/smile/11.gif)
![](/img/smile/12.gif)
![](/img/smile/13.gif)
![](/img/smile/14.gif)
![](/img/smile/15.gif)
![](/img/smile/16.gif)
![](/img/smile/17.gif)
![](/img/smile/18.gif)
![](/img/smile/19.gif)
![](/img/smile/20.gif)
![](/img/smile/21.gif)
![](/img/smile/22.gif)
![](/img/smile/23.gif)
![](/img/smile/24.gif)
![](/img/smile/25.gif)
![](/img/smile/26.gif)
![](/img/smile/27.gif)
![](/img/smile/28.gif)
![](/img/smile/29.gif)
![](/img/smile/30.gif)
![](/img/smile/31.gif)
![](/img/smile/1.gif)
![](/img/smile/2.gif)
![](/img/smile/3.gif)
![](/img/smile/4.gif)
![](/img/smile/5.gif)
![](/img/smile/6.gif)
![](/img/smile/7.gif)
![](/img/smile/8.gif)
![](/img/smile/9.gif)
![](/img/smile/10.gif)
![](/img/smile/11.gif)
![](/img/smile/12.gif)
![](/img/smile/13.gif)
![](/img/smile/14.gif)
![](/img/smile/15.gif)
![](/img/smile/16.gif)
![](/img/smile/17.gif)
![](/img/smile/18.gif)
![](/img/smile/19.gif)
![](/img/smile/20.gif)
![](/img/smile/21.gif)
![](/img/smile/22.gif)
![](/img/smile/23.gif)
![](/img/smile/24.gif)
![](/img/smile/25.gif)
![](/img/smile/26.gif)
![](/img/smile/27.gif)
![](/img/smile/28.gif)
![](/img/smile/29.gif)
![](/img/smile/30.gif)
![](/img/smile/31.gif)
![](/img/smile/32.gif)
Uživatelé prohlížející si toto vlákno
Uživatelé on-line: 0 registrovaných, 2 hosté
Podobná vlákna
Zacatecnicky dotaz — založil Figa
Chybné zobrazování menu v IE ... a dotaz na pozicování ... — založil Michal Urban
Nefungující background img v IE a jeden dotaz k pozicování — založil Michalek
Začátečnický příklad — založil 10110111
Začátečnický problém — založil Nonameprogrammer
Moderátoři diskuze