login  Naam:   Wachtwoord: 
Registreer je!
 Forum

iframe plaatsen met css (Opgelost)

Offline Emonk - 04/12/2010 10:59
Avatar van EmonkLid Hallo allemaal,

Ik wil het volgende: een iframe opmaken via css, met top:300px; en bottom: 0px.
De grootte van het iframe moet dus afhankelijk zijn van de grootte van het beeldscherm van de gebruiker. Dit werkt alleen niet:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. iframe {
  2. top: 300px;
  3. bottom: 0px;
  4. }


Dus: is er een mogelijkheid dat met css te doen, of kun je met js bijvoorbeeld de hoogte van het beeldscherm opvragen? Zodat mijn iframe 300px van de bovenkant en 0px van de onderkant af zit...

Alvast bedankt!

6 antwoorden

Gesponsorde links
Offline MrWolf - 04/12/2010 11:01
Avatar van MrWolf Lid Je moet dit eens proberen:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. iframe {
  2.   position: absolute;
  3.   top: 300px;
  4.   bottom: 0px;
  5. }


Mnr. Wolf
Bedankt door: Emonk
Offline Emonk - 04/12/2010 11:04
Avatar van Emonk Lid Excuses, dat had ik niet verteld:

Dit is de hele code:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. iframe#getpage {
  2. 	z-index: 1;
  3. 	width: 70%;
  4. 	top: 300px;
  5. 	bottom: 0px;
  6. 	border-width: 0px;
  7. 	left: 15%;
  8. 	right: 15%;
  9. 	position: absolute;
  10. 	background-color: transparent;
  11. }


Daarnaast werk ik met firefox, wat misschien kan uitmaken. Maar in Internet werkt dit ook nog niet...
Offline MrWolf - 04/12/2010 12:16
Avatar van MrWolf Lid Bij mij werkt het gewoon.
Je hebt in de body toch wel dit staan:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <iframe id="getpage" src="HIER JE URL"></iframe>

Ik heb het getest in IE, chrome en firefox.
Offline Emonk - 04/12/2010 12:29
Avatar van Emonk Lid Ja, dat heb ik. Heb je de link van wat jij hebt getest of staat het niet op internet? Dan graag de broncodes, misschien zit er bij mij een spelfoutje 
Offline MrWolf - 04/12/2010 12:43
Avatar van MrWolf Lid
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  4. <title>Untitled</title>
  5. <style type="text/css">
  6. <!--
  7. iframe#getpage {
  8. 	z-index: 1;
  9. 	width: 70%;
  10. 	top: 300px;
  11. 	bottom: 0px;
  12. 	border-width: 0px;
  13. 	left: 15%;
  14. 	right: 15%;
  15. 	position: absolute;
  16. 	background-color: transparent;
  17. }
  18. -->
  20. </head>
  22. <iframe id="getpage" src="http://www.sitemasters.be/"></iframe>
  23. </body>
  24. </html>

Dat is het
Offline Emonk - 04/12/2010 12:48 (laatste wijziging 04/12/2010 13:25)
Avatar van Emonk Lid wat ik verkeerd doe, geen idee. Hier mijn code; werkt nog niet...:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  3. 	<head>
  4. 		<style type="text/css">
  5. 		<!--
  6. 		iframe#getpage {
  7. 			z-index: 1;
  8. 			width: 70%;
  9. 			top: 300px;
  10. 			bottom: 0px;
  11. 			border-width: 0px;
  12. 			left: 15%;
  13. 			right: 15%;
  14. 			position: absolute;
  15. 			background-color: transparent;
  16. 		}
  17. 		-->
  18. 		</style>
  19. 		<title>Goochelen</title>
  20. 	</head>
  21. 	<body>
  22. 		<iframe id="getpage" src="getpage.php?p=<?php echo $_GET["p"]; ?>" border="0">
  23. 		Uw browser ondersteunt het element Iframe niet. Download een nieuwere versie van de browser of een andere browser om dit probleem te verhelpen.
  24. 		</iframe>
  25. 	</body>
  26. </html>


Het is ook te zien op http://goochelen.knome.nl
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.359s