Iframe i typo3

Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
Besvar
EsbenGimbel
Begynder
Indlæg:1
Tilmeldt:15. aug 2012, 09:20
Iframe i typo3

Indlæg af EsbenGimbel » 15. aug 2012, 10:10

Jeg er ved at ændre en hjemmeside hos Aarhus universitet. Idéen er at der skal være et vindue på en side som viser vores technologypublisher side, men altså i et afgrænset vindue.

Lad mig sige med det samme at jeg er ret grøn i html programmering.

Jeg bruger nedenstående kode skrevet i netbeans:

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#container{
width:990px;
height:400px;
overflow:hidden;

}
#container iframe {
width:990px;
height:750px;
margin-left:-10px;
margin-top:-243px;
border:0
}
-->
</style>

</head>
<body >

<div id="container">

<iframe src="https://au.testtechnologypublisher.com/" seamless="seamless" scrolling="no" width="990" height="400"></iframe>
</div>


<br>
</body>
</html>


Når jeg indsætter det i typo3 sker der blot det, at hele hjemmesiden bliver mast sammen i det angivede vindue, og at resten af siden (som efter planen skulle beholde layouted bestemt af typo3, bliver gråt/uden indhold). resultatet ses nedenfor på billedet.
Billede

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Iframe i typo3

Indlæg af ThomasI » 15. aug 2012, 12:56

Hej Esben,

Hvis du sætter din kode ind i et område i din TyPO3 CMS, så må du ikke inkludere din sideopæstning mm. Det er allerede angivet for dit typo3 site... Du skal istedet bare indsætte din iframe direkte i koden det sted du vil have den og evt style dine divs direkte via style="" attributen

Altså al sideopsætning er allrede tilsetdet på din tyop3 hjemmeside, det er blot din iframe med koden nedenfor du skal tilføje:

Kode: Vælg alt

<div id="container">

<iframe src="https://au.testtechnologypublisher.com/" seamless="seamless" scrolling="no" width="990" height="400"></iframe>
</div>

Besvar