Vertikal streg i CSS

Du kan f.eks. lave den som en div, men den kan så kun laves mindre end 2px, hvis du tilføjer en hulens masse css-properties:

#minDiv{height:1px;width:250px;background:gold;line-height:0px;font-size:0px;overflow:hidden;}

Det med placeringen:

position:absolute;top:30px;left:250px;

-- så ialt:

#minDiv{position:absolute;top:30px;left:250px;height:250px;width:1px;background:gold;line-height:0px;font-size:0px;overflow:hidden;}

Hej Roenving

Hvad præcis betyder der forskellig ting du angiver i:

#minDiv{

height:1px;
width:250px;
background:gold;
line-height:0px;
font-size:0px;
overflow:hidden;

}

Hej Roenving

Ville følgende da give en vertikal streg?
#minDiv{

position:absolute;
top:30px
left:250px;
height:250px;
width:1px
height:1px;
background:gold;
line-height:0px;
font-size:0px;
overflow:hidden;

}

Nej, den vil give en prik, fordi du stadig har height:1px; med ...

-- hvis du fjerner den linje får du en vertikal streg på 1px bredde, som starter 240px fra venstre og 30px fra toppen og er 250px høj ...

-- har du brug for en horisontal streg, bytter du om på width og height !-)

-- du skal selvfølgelig også have diven med !o]

<div id="minDiv"></div>

Hej roen,

minDiv{

position:absolute;
top:30px
left:250px;
height:250px;
width:1px
background:gold;
line-height:0px;
font-size:0px;
overflow:hidden;

}

giver ikke nogen vertikal streg på min pc

-- men

<style type="text/css">
minDiv{

position:absolute;
top:30px
left:250px;
height:250px;
width:1px
background:gold;
line-height:0px;
font-size:0px;
overflow:hidden;

}
</style>
<div id="minDiv"></div>

gør !-)

-- jeg havde ikke i første omgang overvejet, at du måske ikke var klar over at css kun virker på eksisterende html-elementer !-)

Der mangler et #-tegn:

<style type="text/css">
#minDiv{

er vist udgået

?-)