CSS balk positieneren
Ik heb een probleem, heb een website omgebouwd naar XHTML/CSS.
Dit is allemaal prima gelukt! Tot 1 balk na, deze krijg ik op geen enkele manier in het midden van de pagina, terwijl de rest van de dev's wel in het midden staan.
Misschien zou je eens in mijn CSS document kunnen kijken:
http://www.installatieburosiertsema.nl/css/opmaak_new.css
De balk waar ik over praat heet in het CSS document: ".onderbalk" en staat in ".blok".
Zie ook HTML broncode(ctrl + U) van http://www.installatieburosiertsema.nl/css/view.php en zoek de dev/html code die nu uitgeschakeld is (onderaan)
Misschien dat het ligt aan de css instellingen van ".lichtkrant_new" in het css document, maar dat weet ik zo niet, ik kom er simpel weg even niet meer uit.
Alvast bedankt!
.Blok moet geen .txt zijn omdat het een div is.
Maar omdat stukje gaat het ook.
Ik zou alleen als het echt nodig is "position:absolute" gebruiken.
Gewijzigd op 01/01/1970 01:00:00 door Martijn B
Martijn, als ik dat doe, dan komt hij inderdaad in het midden te staan, maar dan verspringt alles dat komt denk ik door die lichtkrant! Ook staat hij niet correct in het midden want hij zou ong. 3 pix op zij moeten!!
Het blijft een vreemd raadsel he?
Als het nog niet had Installeer even firebug voor Firefox.
Zeg maar wat je wilt. En Martijn, als ik hem nou 1000px maakt he, en doe wat jij eerder zei dan verspringt alles, ik vermoed dat het ligt aan die lichtkrant dev, zou je daar even na willen kijken?
En niet bumpen. ;)
Ik hoor wel wat je verder vindt!
Van:
Code (php)
1
2
3
4
5
2
3
4
5
<div class="blok">
<div class="onderbalk">
<img src="images/balk_onder.jpg" border="0" usemap="#Map">
</div>
</div>
<div class="onderbalk">
<img src="images/balk_onder.jpg" border="0" usemap="#Map">
</div>
</div>
Naar:
Code (php)
1
<img id="onderbalk" src="images/balk_onder.jpg" usemap="#Map">
Dat is meer dan genoeg!
Twee divs maken om een plaatje uit te lijnen... tjonge,jonge,jongen.
In je css:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
img#onderbalk
{
position: fixed;
bottom: 0;
display: table;
z-index: 99999;
border: 0;
}
{
position: fixed;
bottom: 0;
display: table;
z-index: 99999;
border: 0;
}
Zal toch wel werken?
Edit:
Die balk/plaatje staat niet in de div.container, waarom niet?
Dat scheelt centreren.
Met bovenstaande code (even toegepast op je online-voorbeeld... lang leve Opera) krijg ik de balk wel goed te zien.
Ná hem in de div.container gezet te hebben was hij ook gecentreerd.
En altijd zichtbaar, onderaan je pagina.
En je map-functie werkt ook nog eens goed! :D
Die balk/plaatje staat niet in de div.container, waarom niet?
Dat scheelt centreren.
Met bovenstaande code (even toegepast op je online-voorbeeld... lang leve Opera) krijg ik de balk wel goed te zien.
Ná hem in de div.container gezet te hebben was hij ook gecentreerd.
En altijd zichtbaar, onderaan je pagina.
En je map-functie werkt ook nog eens goed! :D
Gewijzigd op 01/01/1970 01:00:00 door Eddy E
Dit is al een hele stap :D super man!!!
Bij mij niet hoor. Hoeveel ik ook scroll, hij blijft onderaan staan.
Kortom: gebruik een fatsoenlijke browser (Opera 9).
Eddy Erkelens schreef op 17.09.2008 12:11:
Kortom: gebruik een fatsoenlijke browser (Opera 9).
Het moet uiteraard browser-proof zijn lijkt mij. Dus werken in alle browsers.
Firefox
Opera
Chrome (Google)
Alleen IE6 vertikt het om goed te werken.... dus het werkt wel goed?
Edit:
Safari doet het ook gewoon goed.
Safari doet het ook gewoon goed.
Gewijzigd op 01/01/1970 01:00:00 door Eddy E
mijn beeld is bijvoorbeeld 70% van de grote van het design. Zoals het hoort hoort de balk onder aan het design te zijn, kom ik dus met mijn beeld van 70% wat ik kan zien, zal ik de balk niet mogen zien daar voor moet ik naar beneden scrollen. Dit is nu niet het geval! Ik kan de balk altijd zien of ik nu bovenaan de pagina ben of onder aan.
De balk zie ik ook onderaan als ik nog maar bij de titel van de pagina ben. Dit hoort natuurlijk niet, als ik bovenaan het design nog maar ben mag ik de balk die onderaan hoort niet zien.
Ik gebruik zelf Firefox 3
Alvast bedankt!