PDA

Volledige versie bekijken : Iframe doet het niet in mozilla firefox...

krush
%Europe/Berlin %837 %2005, 21:05
Men Iframe werkt in internet exploxer maar niet in mozilla hoe komt dit ?

dit is men iframe code die ik gebruik -->

<IFRAME name=main marginWidth=0 marginHeight=0
src="main.htm"frameBorder=0 width=427 scrolling=yes height=339></IFRAME>
brossiekoppie
%Europe/Berlin %421 %2005, 11:06
<IFRAME name=main marginWidth=0 marginHeight=0
src="main.htm"frameBorder=0 width=427 scrolling=yes height=339></IFRAME>

Je kan al beginnen met het xhtml-compliant te maken:

.krushframe{
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
border-width:0px;
width:427px;
height:339px;
}
...
<iframe class="krushframe" name="main" src="main.htm" scrolling="yes" >Please update your browser...</iframe>
krush
%Europe/Berlin %507 %2005, 13:11
hm kan je dit mss iets meer uitleggen aub.
(bedoeling dat ik bijleer é :p)
mknol
%Europe/Berlin %513 %2005, 13:19
<IFRAME name=main marginWidth=0 marginHeight=0
src="main.htm"frameBorder=0 width=427 scrolling=yes height=339></IFRAME>
ten eerste moet alles tussen " " geplaatst worden.

ten tweede staat main.htm"frameBorder=0 aan elkaar

ten derde (brossiekoppie's oplossing) kun je gebruik van stylesheets maken die de opmaak regelen. Dit vinden browsers fijner.
josko
%Europe/Berlin %649 %2005, 16:34
je hebt nu

<IFRAME name=main marginWidth=0 marginHeight=0
src="main.htm"frameBorder=0 width=427 scrolling=yes height=339></IFRAME>

het moet:
<iframe src="main.htm" name="main" marginwidth="0" marginheight="0" frameborder"0" width="427" scrolling="yes" height="339"> </iframe>

de voornaamste fout erin is dat je de aanhalingstekens vergeet, wat altijd meot
brossiekoppie
%Europe/Berlin %420 %2005, 11:05
hm kan je dit mss iets meer uitleggen aub.
(bedoeling dat ik bijleer é :p)

Sorry voor het late antwoord...

Dit stukje is dus CSS (cascading style sheets). Het voordeel ervan is dat het snel is, duidelijk enz en een web standard!

In je html pagina implementeer je het als volgt:

<style media="all" type="text/css">
.krushframe{
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
border-width:0px;
width:427px;
height:339px;
}
</style>

Dit komt in je <head> sectie van je xhtml document. Dat document heeft trouwens de volgende doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Dus je krijgt zoiets:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>_krush test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style media="all" type="text/css">
.krushframe{
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
border-width:0px;
width:427px;
height:339px;
}
</style>
</head><body></body></html>

Hoop dat het al wat duidelijker is.
krush
%Europe/Berlin %493 %2005, 12:50
ja bedankt hiervoor;)@brossiekoppie
krush
%Europe/Berlin %628 %2005, 16:05
bedankt ik ben al een stuk verder het iframe doet het in FireF. maar nu loopt men achterkleur door in men iframe ruimte?

ps: ik heb de techniek van brossiekop gebruikt.
mknol
%Europe/Berlin %632 %2005, 16:10
Klein detail: Verkorte versie voor je stylesheet.


<style media="all" type="text/css">
.krushframe{
margin:0px;
width:427px;
height:339px;
}
</style>


Er is geen verschil, je schrijft het alleen makkelijker weg.
colake
%Europe/Berlin %647 %2005, 16:33
probeer eens mee in de style het volgende te zetten
background-color:#000066

die #000066 verander je dan door de kleur die je iframe zou moeten hebben
krush
%Europe/Berlin %664 %2005, 16:56
oké dit probleem is ook opgelost :p pfiew, maar nu nog één probleem hopelijk de laatste..
in mozilla loopt men frame mooi in de layout maar in IE heb ik een vieze rand rondom men frame zie picture -> http://users.skynet.be/esli//flashfocus/rand.jpg wat kan ik hier aan doen?
brossiekoppie
%Europe/Berlin %669 %2005, 17:04
Klein detail: Verkorte versie voor je stylesheet.


<style media="all" type="text/css">
.krushframe{
margin:0px;
width:427px;
height:339px;
}
</style>


Er is geen verschil, je schrijft het alleen makkelijker weg.
In principe is er inderdaad geen verschil maar ik heb al vaker gemerkt dat in IE voor macintosh hij dit niet aanvaardt. Vandaar dat ik altijd de lange methode gebruik, deze werkt sowieso.

En in verband met die rand kan je in die css dit erbij zetten:

border-width:0px;
krush
%Europe/Berlin %704 %2005, 17:54
border-width:0px; staat erin en toch blijft IE die rand tonen en firefox niet.
ath92
%Europe/Berlin %727 %2005, 18:27
frameborder="no"in de tag IFRAME zetten, 9ik weet niet of het eigenlijk met css moet ofzo, maar het werkt wel:)
krush
%Europe/Berlin %729 %2005, 18:30
:p thanx dit werkt ook
Padraig
%Europe/Berlin %931 %2006, 22:21
Probeer eens:
iframe { border-style: none; }

En indien nie werkt kun je nog de border-width:0px toevoegen

Volgens mij iig goed voor IE, voor andere kun je het proberen.

Late reactie... pas mijn 2e bezoek :)
R. Treffers
%Europe/Berlin %932 %2007, 23:22
Ik heb een probleem met de knoppen welke net boven of onder het iframe vallen. Kijk maar eens op www.4x4develuwe.nl

Heeft iemand hier een oplossing voor?
Lorrens
%Europe/Berlin %935 %2007, 23:26
Je gaat nu verder in een hele oude topic. Kan je een nieuwe topic starten? Dan zal ik er ondertussen naar kijken..
(zo blijven zoekresultaten te begrijpen ;))

edit: Bij mij ziet alles er goed uit hoor, welke knoppen bedoel je?
R. Treffers
%Europe/Berlin %938 %2007, 23:31
Ik zal morgen vroeg een nieuw topic openen.
De onderste twee knoppen werken niet in Firefox!

Ik zit al erg lang met het probleem maar kan echt geen oplossing vinden.
Het probleem is nu zeer dringend aangezien de website dit weekend onlin moest....