Tijden veranderen
Probleem met Clear of Overflow
Ik ben bezig met een nieuw design voor mijn website maar nu zit ik met een probleem waar ik echt niet uit kom. Ik heb al aardig wat geprobeerd maar niets heeft echt zin.
Hier de css:
body, html {
font-size: 62,5%;
background-color: #121a1c;
margin: 0px;
padding: 0px;
}
div#header {
position: absolute;
width: 1512px;
height: 125px;
left: 50%;
margin-left: -756px;
background-image: url(../images/header_bg.jpg);
text-align: center;
color: #FFF;
}
HTML
<body>
<div id="header"><a href="#"><img src="images/header.jpg" alt="Header" width="900" height="125" border="0" /></a></div>
</body>
Ik heb dus een achtergrond met een breedte van 1512px en een hoogte van 125px, hier overheen komt de image (900x125) die linkbaar is. Hoe kan ik er voor zorgen dat de scrollbalken niet zichtbaar zijn, behalve als de browser kleiner is dan de image?
De style overflow: hidden heeft ook geen nut want dan zijn alle balken weg, dus dan kan ik helemaal niet meer scrollen, ook niet als de browser een reso heeft van 1024 / 768.
Clear: both; haald ook geen enkel effect uit,
Als het niet duidelijk is, upload ik wel een paar shots :)
Iemand idee wat ik zou kunnen doen?
Gewijzigd op 01/01/1970 01:00:00 door Rogier
<div id="header"><a href="#"><div style="background-image: url(images/header.jpg); width:900; height: 125;"></div></a></div>
(ik weet niet of de scrollbalken weggaan, misschien niet omdat er een hyperlink uit 't beeld is)