Toon posts:

CSS twee achtergrondplaatjes (fixed, center, right)

Pagina: 1
Acties:
  • 45 views sinds 30-01-2008

Verwijderd

Topicstarter
Beste Mensen,

Ik heb eerst ruim 40 minuten zitten zoeken in de search maar helaas.

Ik wil graag twee verschillende achtergrondplaatjes gefixeerd als bg. Één plaatje is geen probleem, want dat doe ik met de volgende code:

<style type="text/css">
<!--
body { background: middle url('http://www.x2tackle.com/jeroen/index_onderdelen/achtergronden/bg_test112.jpg') no-repeat fixed center middle }
-->
</style>

Dit plaatje verschijnt dus perfect in het midden van de pagina. Maar nu wil ik ook graag een ander plaatje op de zelfde pagina en op de zelfde wijze aan de rechterkant laten uitlijnen. Mijn vraag hoe is dit te doen? En kan het wel?

Alvast bedankt

Jeroen Speerstra

Verwijderd

Volgens mij is er geen oplossing waarbij je daadwerkelijk 2 afbeelding naast elkaar als achtergrond kan maken. Een alternatief is misschien om een pagina vullende layer (absoluut gepositioneerd) te maken en hier een een tabel met de 2 afbeeldingen te zetten.

Verwijderd

Topicstarter
hmz maar dan kan ik net zo goed er 1 plaatje van maken. Nadeel:
1) laadtijd
2) afhanklijk van de resoluties van je bezoekers (als je dat plaatje dan rechts laat uitlijnen) komt het midden-plaatje nooit in het midden, althans niet altijd.

Nog meer suggesties?

In elk geval bedankt voor je vlotte reactie!

Jeroen

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

heeeeel simpel:

PHP:
1
2
<img style="display:block;position:absolute;top:0px;right:0px"
   src="plaatje.gif" alt="" />


[search=css positioneren]

en btw, je naam onder je posts hoeft hier niet ;)

edit: er bestaat ook position:fixed wat prima werkt in Mozilla, maar niet in IE - daar zijn echter wel weer andere oplossingen voor (content in een scrollable div bijvoorbeeld). In ieder geval zou de search je genoeg leesvoer daarover moeten kunnen verschaffen.

[ Voor 40% gewijzigd door crisp op 30-10-2003 10:39 ]

Intentionally left blank


Dit topic is gesloten.