login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div met picture positioning issue

Offline NaVaNaX - 26/05/2010 17:30
Avatar van NaVaNaXNieuw lid

ik wil een div "workspace" die 100% breed is en 150px top en 20px bottom afblijft

in deze div wil ik een foto earth rechtsonder plaasen, foto is kleiner dan de div

probleem div komt niet tot op 20px van het scherm en de foto is ook niet volledig onderaan in de div 

stukje van het css

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #earth { position:relative; bottom:0px; left:0px; z-index:-5 width:683px; height:432px;}
  2.  
  3. #workspace	{ position: fixed;  width: 100%; top: 150px; bottom: 20px; overflow:hidden; COLOR: #fff; background-color: #009ACF;}


stukje html


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="workspace">
  2.  
  3. start workspace
  4.  
  5. </p>
  6. <img src="images/earth1.jpg" id="earth">
  7. <p>



groeten

NaVaNaX

4 antwoorden

Gesponsorde links
Offline WouterJ - 26/05/2010 18:04
Avatar van WouterJ HTML gevorderde Je wilt dus eigenlijk een div met een background image rechts onderin?

Dan kan je het beste aan #workspace een background-image toevoegen met een no-repeat en een position van bottom right.
Dit wordt dan de CSS:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #workspace { position: fixed; width: 100%; top: 150px; bottom: 20px; overflow:hidden; color: #fff; background: url("images/earth1.jpg") no-repeat bottom right #009ACF;}

Nu heb ik alle backgrounds bij elkaar gevoegd.

En de HTML wordt:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="workspace">
  2. start workspace
  3. </div>


Succes!
Offline NaVaNaX - 26/05/2010 18:15
Avatar van NaVaNaX Nieuw lid Hallo Waldio, bedankt voor de reply, maar het enige dat ik nu krijg is een zwarte area (welkle de body background is .....)
Offline Martijn - 26/05/2010 18:43
Avatar van Martijn Crew PHP probeer eens #009ACF voor url() te zetten. If I recall maakt dat uit
Offline NaVaNaX - 26/05/2010 19:11
Avatar van NaVaNaX Nieuw lid of de kleurcode achteraan of vooraan staat maakt geen verschil bij mij.


De hoogte van de div op het scherm is net zo groot als er text in staat, niet tot bottom 20 px, ook niet de voor de foto, achtergrond kleur en foto staan wel op zijn plaats binnen de div alleen de hoogte blijkt afhankelijk te zijn van de inhoud en dat wil ik niet. 

zie deze site voor de duidelijkheid

Mijn maan staat ook niet op zijn plaats maar dat is voor later .... 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s