Div in Div (CSS)

• Citovať príspevok

Príspevok od používateľa mattus » 02 okt 2009, 9:28

Zdravim,

Chcem sa opýtať ako sa dá spraviť "<div> in <div>"

Mám jeden <div id="header"> (má šírku 1000px a výšku 400px) doňho potrebujem nasadiť <div id="menu"> ale tak aby to menu malo začiatok v 400x280

Skúšal som to takto, ale nejako divne mi to rozhadzuje, neviete mi poradiť ako na to ? (Celá stránka je centrovaná na stred, preto nemôžem použiť position: absolute; )

Kód: Vybrať všetko

#header {
	background: url(grafika/header.jpg); no-repeat; top;
	width: 1000px;
	min-height: 400px;
}

#menu {
	position: relative;
	top: 400px;
	left: 280px;
}

v prílohe posielam názornú ukážku.

Ďakujem za odpovede.

Prílohy

Div, problem

• Citovať príspevok

Príspevok od používateľa awtt » 02 okt 2009, 10:19

• Citovať príspevok

Príspevok od používateľa mattus » 02 okt 2009, 12:53

#header {
	background-image: url(grafika/header.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 1000px;
	min-height: 400px;
}

#logo {
	position: relative;
	padding-top: 120px;
	padding-left: 25px;
}

#menu {
	position: relative;
	padding-top: 280px;
	padding-left: 400px;
}

#cas {
	position: relative;
	padding-top: 20px;
	padding-left: 800px;
}

<div id="header">

  <div id="logo">
      {logo}
  </div>

  <div id="menu">
      {menu}
  </div>

  <div id="cas">
      {cas}
  </div>

</div>

Prílohy

• Citovať príspevok

Príspevok od používateľa eMPiko » 02 okt 2009, 13:15

• Citovať príspevok

Príspevok od používateľa mattus » 02 okt 2009, 13:20

logo :
od laveho okraja : 20
od horneho : 120

menu:
lavy okraj: 400
horny okraj: 280

cas:
lavy okraj: 800
horny okraj: 20

ale da sa to vycitaj aj z prilohy

• Citovať príspevok

Príspevok od používateľa awtt » 02 okt 2009, 14:18

• Citovať príspevok

Príspevok od používateľa maros7777 » 04 okt 2009, 13:48

headeru daj position:relative a menu daj position:absolute. teraz ked nastavis top: 0, left: 0, tak sa ti menu hodi vlavo hore do headeru, takto si to lahko posunes kam potrebujes (v ramci headeru)

(nechce sa mi to skusat. je mozne, ze header ma mat position: absolute a menu position: relative. inak to urcite nebude. skus to prve najskor )

Re: Div in Div (CSS)

• Citovať príspevok

Príspevok od používateľa pheo » 04 okt 2009, 18:10

#header {
	background: url(grafika/header.jpg); no-repeat; top;
	width: 1000px;
	min-height: 400px;
        position: relative;
}

#header #menu {
	position:absolute;
	top: 400px;
	left: 280px;
}