Linwe
Legacy Member
Hey guys,
Zit met een 'raar css probleemke'. Ik probeer een foto in een fixed width&&height div te steken, met daarboven een navigatie menu. Alles staat mooi gecentreerd, maar om de foto IN de kader te krijgen is het blijkbaar miserie alom.
Code:
Als ik die image op absolute zet, dan schuiven beide wel in elkaar, maar staat die picture helemaal niet gecentreerd, maar nog een 200 tal pixels meer naar rechts.
Moest ik nu altijd breed-liggende foto's hebben, geen probleem, maar dat is dus jammer genoeg niet het geval. Iemand raad ?
Thx in advance...
Zit met een 'raar css probleemke'. Ik probeer een foto in een fixed width&&height div te steken, met daarboven een navigatie menu. Alles staat mooi gecentreerd, maar om de foto IN de kader te krijgen is het blijkbaar miserie alom.
Code:
PHP:
<style>
BODY, TABLE { font-family: Verdana; font-size:11px; }
#maindiv { border:3px solid #404040; width:400px; height:400px; position:relative; }
#previous { background-color:#404040; color:#FFFFFF; position:absolute; z-index:150; left:0px; top:30px; width:100px;}
#next { background-color:#404040; color:#FFFFFF; position:absolute; z-index:150; left:295; top:30px; width:100px;}
#navigation { width:395; height:400; position: relative; z-index:110; }
</style>
<div align="center" style="left:0px; right:0px;">
<img align="center" src="picturegallery/pic1.jpg" style="position:absolute; "/>
<div id="maindiv" style="top:0px;">
<div id="navigation">
<div id="previous">Previous</div>
<div id="Next">Next</div>
</div>
</div>
</div>Als ik die image op absolute zet, dan schuiven beide wel in elkaar, maar staat die picture helemaal niet gecentreerd, maar nog een 200 tal pixels meer naar rechts.
Moest ik nu altijd breed-liggende foto's hebben, geen probleem, maar dat is dus jammer genoeg niet het geval. Iemand raad ?
Thx in advance...
Het moet toch mogelijk zijn om een image in een div te krijgen, te positioneren en daarbovenop een andere div te tonen...