Div height problem

4 svar · 480 visningar · startad av wborg 30 apr. 2006

wborgMedlem sedan dec. 2003209 inlägg

Frågan30 apr. 2006 19:21#1

Tja,

jag försöker sätta heighten på en div till 3px men den blir typ 12px eller något däromkring, varför?

Är det så att det inte går att sätta en div till så lågt som 3px?

Tacksam för svar.
/S

<html>
<head>
  <title>Meny test</title>

</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">

<!-- Top: Start -->
<div id="" style="float: top; background-color: #CCCC99; height: 60px; width: 100%;">

</div>
<!-- Top: Slut -->

<!-- ***************************************************************************** -->

<!-- Horisontell avskiljare: Start -->
<div id="" style="float: top; background-color: #000000; max-height: 3px; width: 100%;">
                       Den här heighten ------------------------------^
</div>
<!-- Horisontell avskiljare: Slut -->

<!-- ***************************************************************************** -->

<!-- Meny: Start -->
<div id="" style="float: left; background-color: #CCCC99; height: 100%; width: 180px;">

</div>
<!-- Meny: Slut -->

<!-- ***************************************************************************** -->

<!-- Vertikal avskiljare: Start -->
<div id="" style="float: left; background-color: #000000; height: 100%; width: 3px;">

</div>
<!-- Vertikal avskiljare: Slut -->

<!-- ***************************************************************************** -->

</body>

überfuzzMedlem sedan apr. 2006409 inlägg

30 apr. 2006 19:27#2

vad gör har max för funktion i max-hight grejen?

CssonMedlem sedan feb. 2000438 inlägg

30 apr. 2006 20:31#3

float: top gör inte det du vill (float kan bara vara left, right eller none). Är bättre att välja hr framför div om du bara vill ha ett svart, horisontellt streck. Marginalerna på bodyn sätts för övrigt bättre mha css.

überfuzz, max-height är tänkt att bestämma hur högt elementet högst får vara. Funkar inte i IE6-, bland annat.

bossseMedlem sedan juni 2003771 inlägg

30 apr. 2006 20:54#4

<html>
<head>
<style type=text/css>
div {width:100%; border-top:3px solid #000000;}
hr {width:100%; height:3px; color:#000000;}
</style>
</head>
<body>
<div></div>
Avskiljare kan man göra på flera sätt, div ovan och hr nedan med samma resultat
<hr>
</body>
</html>

jarvkloMedlem sedan juli 20013 378 inlägg

1 maj 2006 06:10#5

Hmm...

wborg skrev:

jag försöker sätta heighten på en div till 3px men den blir typ 12px eller något däromkring, varför?

Helt enkelt för att texten i din div har en höjd den också (även om du inte anger någon)..

En lösning är alltså att ange t.ex.

style="height: 3px; line-height: 2px; font-size: 2px;"

dvs välja line-height och font-size mindre än height ;)