Autor Zpráva
J.
Profil *
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
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
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 *
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 *
J.
To moc přiblíženo není, raději uveď kód.
Davex
Profil
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 *
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
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 *
hotovo, díky. Udělala jsem to úplně jinak.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0