css a rozlozenie objektov

Programovacie jazyky, rady, poradňa...
mr.fritz
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 329
Registrovaný: 15 jan 2005, 16:31
Bydlisko: Martin
Kontaktovať používateľa:

css a rozlozenie objektov

Príspevok od používateľa mr.fritz »

ahoj, mam taky mensi problem, potreboval by som v css style rozlozit na stranke tieto objekty:

Kód: Vybrať všetko

<div id="wrap">

	<div id="header"></div>

	<div id="description"></div>
	<div id="usermenu"></div>

	<div id="menu"></div>
	<div id="text"></div>

	<div id="footer"></div>

</div>
a to tak aby to vyzeralo takto:

Kód: Vybrať všetko

-----------------------------------------
|                                       |
|                header                 |
|                                       |
-----------------------------------------
|                   |                   |
|    description    |     usermenu      |
|                   |                   |
-----------------------------------------
|         |                             |
|  menu   |            text             |
|         |                             |
-----------------------------------------
|                                       |
|                footer                 |
|                                       |
-----------------------------------------
dik za pomoc
juho
Star
Star
Používateľov profilový obrázok
Príspevky: 551
Registrovaný: 11 máj 2007, 21:16

Príspevok od používateľa juho »

radsej to daj do tabulky

Kód: Vybrať všetko

<style>
*{margin:0;padding:0;}
#wrap{width:500px;text-align:center;}
#header{width:100%;}
#description{float:left;width:50%;}
#usermenu{width:50%;float:left;}
#menu{width:100px;float:left;}
#text{}
#footer{width:100%;}
</style>

<div id="wrap">

   <div id="header">asf</div>

   <div id="description">123</div>
   <div id="usermenu">zxc</div>

   <div id="menu">456</div>
   <div id="text">789</div>

   <div id="footer">saf</div>

</div>
shanoy
Star
Star
Používateľov profilový obrázok
Príspevky: 509
Registrovaný: 30 sep 2006, 8:02
Bydlisko: Brezovapolis
Kontaktovať používateľa:

Príspevok od používateľa shanoy »

juho napísal:radsej to daj do tabulky

Kód: Vybrať všetko

<style>
*{margin:0;padding:0;}
#wrap{width:500px;text-align:center;}
#header{width:100%;}
#description{float:left;width:50%;}
#usermenu{width:50%;float:left;}
#menu{width:100px;float:left;}
#text{}
#footer{width:100%;}
</style>

<div id="wrap">

   <div id="header">asf</div>

   <div id="description">123</div>
   <div id="usermenu">zxc</div>

   <div id="menu">456</div>
   <div id="text">789</div>

   <div id="footer">saf</div>

</div>
nefunguje!

tu posielam funkcny upraveny kod od juho

Kód: Vybrať všetko

<style>
*{margin:0;padding:0;}
#wrap{width:804px;text-align:center;margin: auto;}
#header{width:800px;}
#description{float:left;width:400px;}
#usermenu{width:400px;float:right;}
#menu{width:100px;float: left;}
#text{width:700px;float: right;}
#footer{width:800px;clear: both;}
</style>

<div id="wrap">

   <div id="header">Hlava</div>

   <div id="description">Info</div>
   <div id="usermenu">Login</div>

   <div id="menu">Polozky</div>
   <div id="text">Obsah</div>

   <div id="footer">Patka</div>

</div>
mr.fritz
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 329
Registrovaný: 15 jan 2005, 16:31
Bydlisko: Martin
Kontaktovať používateľa:

Príspevok od používateľa mr.fritz »

diky chalani, uz viem kde som robil chybu, este si to doladim do svojich predstav a bude to ok. este raz diky
juho
Star
Star
Používateľov profilový obrázok
Príspevky: 551
Registrovaný: 11 máj 2007, 21:16

Príspevok od používateľa juho »

shanoy napísal:nefunguje.
co si ..... co natom nefunguje. mne to funguje vo FF aj IE. aky ty pouzivas prehliadac.
shanoy
Star
Star
Používateľov profilový obrázok
Príspevky: 509
Registrovaný: 30 sep 2006, 8:02
Bydlisko: Brezovapolis
Kontaktovať používateľa:

Príspevok od používateľa shanoy »

juho napísal:co si ..... co natom nefunguje. mne to funguje vo FF aj IE. aky ty pouzivas prehliadac.
no nefunguje to tvoje! Pouzivam co ty + opera rozlisenie 1024xpoznate... Ved si to nemal ani na pozicovane vyskusaj a hod screen a uvidis
Napísať odpoveď