Autor | Zpráva | ||
---|---|---|---|
J. Profil * |
#1 · Zasláno: 11. 4. 2008, 14:23:21
ahoj, zná vůbec Firefox vlastnost border-bottom:10px solid white; ? Nefunguje mi a špatně interpretujue height divu. Ačkoliv je nastaven height:100%; vykresluje div o mnoho víc dolů než skončil text. Co s tím prosím?
|
||
roberta Profil |
#2 · Zasláno: 11. 4. 2008, 14:27:56 · Upravil/a: roberta
J.
zná vůbec Firefox vlastnost border-bottom:10px solid white; ? ano, pozná. vyskúšaj si tento kód v novom html súbore <body style="background:black; color:white;"> <div style="border-bottom:10px solid white;">text</div> </body> heigth: 100% neznamená výšku textu |
||
Bubák Profil |
#3 · Zasláno: 11. 4. 2008, 14:31:20
zná vůbec Firefox vlastnost border-bottom
Ano, tuto znalost znají všechny běžné prohlížeče. Dalšímu popisu příliš nerozumím, možná jsi narazil na problém s box-modelem. Pokud to opravdu je problém s boxmodelem, pomůže přidat do CSS: * {-moz-box-sizing: border-box; box-sizing: border-box;} |
||
J. Profil * |
#4 · Zasláno: 11. 4. 2008, 22:53:16
Abych to přiblížila : mam div, který obtéká celou stránku (div id=cele) v nem mam div obsah, v divu obsah mam div id=menu, který je normálně ukončen. Pak mám v obsahu nějaký text a obrazky, pak ukončený obsah a poté ukončený div id=cele. Jde o to, ze se mi vykresli border obsahu a border divu id=cele jen do 3/4 po stranách obsahu, dole vůbec.
|
||
J Profil * |
#5 · Zasláno: 11. 4. 2008, 23:08:46
J.
To moc přiblíženo není, raději uveď kód. |
||
Davex Profil |
#6 · Zasláno: 11. 4. 2008, 23:10:19
J.
Pokud je div#obsah plovoucí, tak by ti měl pomoci čistič (Vynucené včlenění plaváčka ...) před uzavřením div#cele. |
||
J. Profil * |
#7 · Zasláno: 11. 4. 2008, 23:31:16
takže styly :
#cele { border-right:10px solid white; border-bottom:10px solid white; border-left:10px solid white; width: 760px; height:100% } #head { border-top:10px solid white; height: 150px; width: 760px; background: black url('logo3.jpg') repeat-x 0 0; } #menu {border:solid blue 1px; color:white; background-color:#225B22; font-weight:bold; padding:3px; text-align:left; font-size:12pt;} #obsah { padding:10px; background-color:white; color:black; border:1px black solid; height:100%; clear:both; } !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" href="styly.css" type="text/css"> </head> <body> <center> <!-- Začátek celé stránky --> <div id="cele"> <!-- Logo - začátek --> <div id="head"><h1>Head -nadpis</h1> <h2>-Head -nadpis -</h2></div> <!-- Logo - konec --> <!-- Začátek obsahu --> <div id="obsah"> <div id="menu"> Menu </div> <hr> <h2 align="center">Nadpis</h2> <p> text</p> <br> <img src="1.jpg" width=30% align=right alt="foto1"> <p> text </p> </div> <!-- Konec obsahu --> </div> <!-- Konec celé stránky --> </center> </body> </html> |
||
Davex Profil |
#8 · Zasláno: 11. 4. 2008, 23:50:50 · Upravil/a: Davex
Nevím, čeho chceš dosáhnout tím height: 100%. Ten obrázek je plovoucí, takže se to vyřeší tím čističem.
|
||
J. Profil * |
#9 · Zasláno: 12. 4. 2008, 11:47:47
hotovo, díky. Udělala jsem to úplně jinak.
|
||
Časová prodleva: 18 let
|
0