| Autor | Zpráva | ||
|---|---|---|---|
| Kamil_M Profil |
#1 · Zasláno: 14. 7. 2008, 22:19:12
Zdravím,
potřeboval bych poadit s timdle:
body {text-align: center; background-color: navy}
div.all {background-color: white; position: relative; width:900px; text-align:left; margin:0 auto}
<body> <div class="all"> Obsah </div> </body> Potřeboval bych, aby ten div all byl přes celou výšku okna a modré pozadí bylo jen ve sloupcích na krajích. Takhle jsou nahoře a dole modré pruhy. Děkuji za rady. |
||
| panther Profil |
#2 · Zasláno: 14. 7. 2008, 22:21:53
Kamil_M
Takhle jsou nahoře margin: 0; padding: 0; a dole modré pruhy zkus třeba Plaváčkovu patičku (pokud máš web bez ní, minimalizuj ji třeba na 1px;) |
||
| Filips Profil |
#3 · Zasláno: 14. 7. 2008, 22:22:36 · Upravil/a: Filips
Omyl, omlouvám se
|
||
| Kamil_M Profil |
#4 · Zasláno: 14. 7. 2008, 22:30:24 · Upravil/a: Kamil_M
panther
div.all {background-color: white; position: relative; width: 980px; text-align:left; margin: 0 auto; margin: 0px; padding: 0px} Celý div se zarovnal doleva, měl jsem ho na středu (mám rozlišení 1440*900). Pruhy nezmizely. Filips div.all {background-color: white; position: relative; width: 980px; text-align:left; margin: 0 auto; height: 100%} Ten div se rozšíří dolů, ale pruhy tam zůstanou. |
||
| panther Profil |
#5 · Zasláno: 14. 7. 2008, 22:33:12
Kamil_M
jaké pruhy? Myslel jsem, že máš nahoře pruh mezi divem a hranou prohlížeče.. Možná sem dej link, bude to jednodušší |
||
| Kamil_M Profil |
#6 · Zasláno: 14. 7. 2008, 22:42:52
panther
Přesně tak, pruh mezi divem a hranou prohlížeče vyplněný barvou pozadí (navy). Na internetu to nemám je to jenom tak na zkoušení (s HTML a CSS začínám). |
||
| panther Profil |
#7 · Zasláno: 14. 7. 2008, 22:45:10
Kamil_M
stejně to můžeš na nějaké wz.cz nahrát.. nebo aspoň zkopruj kousek kódu |
||
| panther Profil |
#8 · Zasláno: 14. 7. 2008, 22:50:20
Kamil_M
nevím, jestli je nutné mít tam relativní pozicování. Pokud se učíš, může dělat neplechu. Koukni se, jestli tam někde nemáš nějaký margin nebo padding nahoře (horní pruh) Plaváčkova patička by ti měla pomoci natáhnout stránku až dolu, takže by měl zmizet spodní pruh |
||
| Kamil_M Profil |
#9 · Zasláno: 14. 7. 2008, 22:54:30
|
||
| Kamil_M Profil |
#10 · Zasláno: 14. 7. 2008, 22:57:07
To position: relative mi kdosi poradil aby ta stránky byla vycentrovaná, teď jsem zjistil že když to oddělám nic se nestane:D
|
||
| panther Profil |
#11 · Zasláno: 14. 7. 2008, 23:05:39
Kamil_M
horní mezeru ti dělá nadpis, takže: h1 {margin: 0; padding: 0;}height: 100%; samo o sobě nenatáhne stránku na 100%, zkus aplikovat patičku. Takhle máš obsah jen jako je dlouhý text, takže těch několik <br> za sebou |
||
| Kamil_M Profil |
#12 · Zasláno: 14. 7. 2008, 23:11:46
panther
Pruh nahoře se zmenšil, ale nezmizel úplně:( Nešly by ty pruhy udělat nějak úplně jinak? |
||
| panther Profil |
#13 · Zasláno: 14. 7. 2008, 23:20:08 · Upravil/a: panther
Kamil_M
ještě dej margin: 0; k body: body {margin: 0; + to, co tam máš} |
||
| panther Profil |
#14 · Zasláno: 14. 7. 2008, 23:22:04
Kamil_M
ty "pruhy" nesjou ve skutečnosti pruhy, ale pouze má ten bílý obsah nějaké odsazení shora (margin). Když ho vynuluješ, prvek nebude mít žádný okraj shora a tudíž se "přilepí" k okraji. A tobě tam vizuálně zmizí ten "pruh" |
||
| Kamil_M Profil |
#15 · Zasláno: 15. 7. 2008, 10:13:37
panther
Dík moc všechno funguje:D Patičce jsem dal výšku 1 pixel a bílé pozadí, takže všechno vypadá tak jak jsem chtěl:D |
||
|
Časová prodleva: 16 let
|
|||
0