| Autor | Zpráva | ||
|---|---|---|---|
| MartinBen Profil * |
Dobrý den,
píšu svůj první web. Pokud je tedy můj dotaz nějakým způsobem hloupý, tak se předem omlouvám. <html>
<head>
<style>
#prvek1 {
width: 50%;
border: 6px solid black;
border-bottom: none;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
}
#prvek2 {
width: 50%;
border: 6px solid black;
margin-top:v 0px;
margin-right: auto;
margin-left: auto;
}
</style>
</head>
<body>
<div id="prvek1">
<p>
ahoj, tak jsem zvědavý, jak ti to ted vyjde… Uvidíme
</p>
</div>
<div id="prvek2">
<p>
ahoj, tak jsem zvědavý, jak ti to ted vyjde… Uvidíme
</p>
</div>
</body>
</html>Problém je v tom, že po pokusu o vycentrování divů (prvek1 a prvek2) - toto centrování mimochodem nefunguje v IE. S tímto problémem si ale poradím. Zajímá mě, proč v mozille se mi tyto dva prvky na obrazovce nevykreslý jako jeden s prostředním borderem, který je definován v prvek2. IE to zobrazí správně. Nevim, jak si s tím poradit. Prosím o pomoz. Mozila to zobrazí správně, pokud nepoužiju centrování v podobě margin. Po vycentrování je mezi prvky mezera, která nelze odstranit… Moderátor Chamurappi: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| Keeehi Profil |
#2 · Zasláno: 2. 9. 2010, 16:15:55
centrování se provádí takto:
<div style="text-align:center;">
<div style="text-align:left;margin: 0 auto;">
… veškerý obsah …
</div>
</div>S tím druhým neporadím. |
||
| Bubák Profil |
#3 · Zasláno: 2. 9. 2010, 16:32:38
Zdánlivě nevysvětlitelnou mezeru způsobuje výchozí margin odstavce. Vyřešit jde třebas takto:
#prvek1 p,#prvek2 p {
margin: 0;
padding: 1em 0;
} |
||
| MartinBen Profil * |
#4 · Zasláno: 2. 9. 2010, 16:36:52
Bubák:
Děkuji za radu... Tohle by mě nenapadlo. Je vidět, že se mam ještě co učit. |
||
|
Časová prodleva: 14 let
|
|||
0