Bottom balk

[Trypticon]

Hoi,

Ik heb een balk.png gemaakt in photoshop 100x50 pixels. Nu wil ik in css die balk zo maken dat de balk net zo breed wordt als de scherm resolutie.

Welke code moet ik daarvoor gebruiken?

mvg,

Trypticon

 

[WTEcK]

Volgens mij kun je teminste in HTML het op de volgende manier:

<img src="balk.png" width="100%" height="auto" />

Dus als je "width" wijzigd in "100%" en "height" op "auto" zou het moeten werken

 

[Trypticon]

Nee, dat wil niet werken, zowel in FF als IE werkt het anders en niet hoe het moet zijn. In IE krijg ik een dunne balk maar hij is wel wat langer maar nog niet breed genoeg.
En in FF wordt de balk hoogte alleen groter.

 

[peter vazed]

En met style?

<div style="background-image:url(balk.png); background-repeat:repeat:x; height:50px;>
</div>

Hierbij ervan uitgaande dat je wel een juist doctype hebt.

 

[Trypticon]

Ah geweldig dit werkt!! thnx!

Maar nu wil die balk onder het scherm hebben... Maar dit wil niet lukken

Dit heb ik geprobeerd:

<div style="background-image:url(BalkOnder.png); background-repeat: repeat-x; top: 700px; left:0px; height: 50px;>
</div>

 

[peter vazed]

<div style="background-image:url(BalkOnder.png); background-repeat: repeat-x; position:absolute; width:100%; top: 700px; left:0px; height: 50px; border:solid 2px #dd0000;">
</div>

 

[Trypticon]

Geweldig hij werkt

Bedankt voor de snelle reacties!

 

[peter vazed]

You're welcome :thumb: