Autor Zpráva
gardener
Profil
Zdravím
Mám problém, zapoměl jsme při návrhu webu na jednu důležitou věc a to nastavit background pod celý obsah.
Potřeboval bych se dozvědět, jak doplnit nový DIV aby jsem mu nastavil šířku (Jsou tam totiž zakulacené PNG rohy,tak je to komplikovanější)
a výška byla automatická například k footeru(který má také kulaté rohy,proto ho nemuže přesehovat) a nebo až na konec s tím že by se to ošetřilo paddingem.
Nevím ale jak docílit toho aby byla výška automatická a hlavně nerozházel ostatní prvky.

Nevím jestli je to takto příliš pochopitelné, tak přikládám ještě obrázek, ten zvýrazněný obdelník představuje ten DIV co tam potřebuji dostat..

Děkuji za jakoukolliv radu.

panther
Profil
gardener
spíš než obrázek přilož kód. Z obrázku nikdo nevyčte, jak jsi to nakódoval.
gardener
Profil
O.K tady je:

CSS:
body {
	background-image:url(images/bg.png);
	background-repeat:repeat-x;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:24px;
	line-height: 80pt;
	text-indent: 20px;
}

#everything {
	width:965px;
	height:auto;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	width:auto;
	height:auto;
	text-align:center;
	visibility:visible;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index: 2;
}

#left_navigation {
	width:197px;
	height:69px;
	visibility:visible;
	background-image: url(images/black_box_header.png);
	background-repeat: no-repeat;
	position: absolute;
}
#menu {
	width:930px;
	height:45px;
	visibility:visible;
	background-color:#FFFFFF;
	margin-left: 20px;
	position: absolute;
	margin-top: -45px;
	z-index: 1;
}
#title {
	width:769px;
	height:100px;
	visibility:visible;
	background-image: url(images/H1_background.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	margin-left: 196px;
	text-align: left;
	z-index: 4;
}
#left_navigation_content {
	width:196px;
	height:130px;
	visibility:visible;
	background-image: url(images/black_box_bg.png);
	background-repeat: repeat-y;
	position: absolute;
	margin-top: 69px;
}
#overpass_navigation_content {
	width:196px;
	height:50px;
	visibility:visible;
	background-image: url(images/black_blue_box.png);
	background-repeat: no-repeat;
	position: absolute;
	margin-top: 199px;
}

#left_blue_navigation_content {
	width:196px;
	min-height:100px;
	height:130px;
	visibility:visible;
	background-image: url(images/blue_box_bg.png);
	background-repeat: repeat-y;
	position: absolute;
	margin-top: 249px;
}

#footer {
	width:977px;
	height:83px;
	visibility:visible;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	position: relative;
}



HTML


<body>
<div id="everything">
  <div id="header"><img src="images/header.png" width="977" height="283" alt="header"/></div>
  <div id="left_navigation"></div>
  <div id="menu">
  </div>
  <div id="title">
    <h1>Nadpis velikosti h1	</h1>
  </div>
  <div id="left_navigation_content"></div>
  <div id="overpass_navigation_content"></div>
  <div id="left_blue_navigation_content"></div>
</div>
</body>
gardener
Profil
Nikdo netuší, jak by se to dalo vyřešit?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: