Posted By: medvidek (Blazni umiraji nadvakrat) on 'CZwww'
Title:     horizontalni opakovani obrazku pres celou sirku strankyu
Date:      Tue Sep  6 18:49:58 2005

Ahoj,

jsem takova webmasterska lama a mam problem, se kterym neumim hnout.

Chci udelat html stranku, kde nahore bude pruh pres celou sirku stranky s 
nejakou hlavickou. Ta hlavicka se sklada ze dvou casti - jeji leva cast je 
obrazek, prava cast potom nejake pozadi, na ktere umistuji pres absolutni 
pozicovani nejake dalsi obrazky. 

Vypada to nejak takto:
+------------------------------------------------------------------------+ 
|         |                                                              |
| obrazek |   druha cast s pozadim                                       |
|         |                                                              |
+------------------------------------------------------------------------+

Kamen urazu je, ze chci, aby ta druha cast byla pres celou sirku stranky, at
je jakakoliv. No a to se mi prave nedari. Idealne ciste css, bez nejakych 
skaredych tabulek.

Mel jsem ideu to pozadi druhe casti definovat pomoci css, ale nevim, jak mu 
spravne vysvetlit, jakou ma mit ta oblast sirku. Nejdal jsem se dostal s 
timto kodem: 

HTML:

<div id="header">
  <img src="images/header-part1.gif" width="255" height="149" border="0"> 
</div> 

<div id="header1">
   
</div>

CSS:

#header {
  float: left;
  z-index: 1;
}

#header1 {
  position: absolute;
  left:255px;
  top:0px;
  width: 100%;
  height: 149px;
  background-color: white;
  background-image: url("images/header-part2.gif");
  background-repeat: repeat-x;
}

Problem je, ze sirka 100% se bere k rodicovskemu elementu, coz ovsem znamena, 
ze ta sekce #header1 sirku stranky preleze o 255 pixelu, protoze ta sekce 
#header1 zacina az od pixelu 255. Tim se objevi horizontalni scrollbar, coz 
nechci.

Zkousel jsem dat #header1 na souradnici [0,0], ale to se bohuzel 
vubec nezobrazi :/ 

Mate nejakou ideu, jak to udelat spravne? Diky za nakopnuti.


                 medvidek

--
There are 4 boxes to use in the defense of liberty:
soap, ballot, jury, ammo.
Use in that order.

Search the boards