Iframe grootte van pagina krijgen

Gestart doorMilan12 reacties48 weergaven

13 berichten · pagina 1 van 1

Milan

Lid · Topicstarter

Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

Ik ben nu vastgelopen... Ik heb dus een iframe op mijn site:

<iframe width=550px heigth= scrolling=no frameborder=0 src=url ></iframe>


Hoe zorg ik ervoor dat de iframe steeds de grootte krijgt van die url die geiframet wordt.

Alvast bedankt,
Milan
0
Berichten
18.482
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
<iframe src=url ></iframe>


?
0
Milan

Lid · Topicstarter

Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dan wordt alleen het stukje weergeven dat helemaal links in de hoek staat. Ivm dat de pagina lengte de hele tijd veranderd moet hij met de grootte meegaan.
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
uhhhh, width=100% height=100% ?
0
Milan

Lid · Topicstarter

Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
DAt ik daar niet op was gekomen, dankje Marjolein =D
0
Berichten
18.482
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Manatwar:
DAt ik daar niet op was gekomen, dankje Marjolein =D
Ja, inderdaad. Het ligt nogal voor de hand en dan denken jij en ik daar niet aanschater
0
Milan

Lid · Topicstarter

Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
FF terugkomen, hij rekt in de lengte niet mee:

<iframe heigth=100% width=550 frameborder=0 scrolling=no src=./forum/forum.php /></iframe>
0
Berichten
18.482
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Maak er in ieder geval even dit van
<iframe heigth=100% width=550 frameborder=0 scrolling=yes src=./forum/forum.php /></iframe>
0
Milan

Lid · Topicstarter

Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
HHm.. wat een ***** .css, als ik iets verander aan de hoogte van de iframe werkt gewoon niet, het blijft dezelfde hoogte hebben
0
Berichten
18.482
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
<iframe heigth=100% width=550 frameborder=0 scrolling=yes src=./forum/forum.php /></iframe>
0
Milan

Lid · Topicstarter

Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Werkt ook niet sadley Ligt het aan de css?
0
Berichten
18.482
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
zou kunnen. Kun je die dan even plaatsen?
0
Milan

Lid · Topicstarter

Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Jazeker:

/* Standard element */
* {
    margin: 0;
    padding: 0;
}
body {
    background: #999 url(img/bg.gif) repeat-y;
    font-family: Tahoma,sans-serif;
    font-size: 0.8em;
    padding-left: 25px;
}
p {
    margin-bottom: auto;
}
ul {
    margin: 0 0 10px 22px;
}
li {
    list-style-image: url(img/li.gif);
}

/* Misc */
.clearer {
    clear: both;
}
div.quote {
    border-left: 4px solid #36C;
    
    color: #555;
    display: block;
    font: Verdana,serif;
    margin: 11px 0 11px 15px;
    padding-left: 11px;
    font-style: italic;
}


/* Top & Header */
.top {
    background: url(img/top.gif);
    color: #FFF;
    height: 45px;
    width: 939px;
}
.top h1 {
    font: bold 2em sans-serif;
    padding: 8px 16px 0;
}
.top h1 span {
    font: normal 60% Verdana,sans-serif;
}
.header {
    background: url(img/header.gif); 
    height: 101px;
    width: 939px; 
}


/* Menu */
div.menu ul {
    float: left;
    margin: 0 1px 0 0;
}
div.menu li {
    list-style-image: none;
}
div.menu a {
    background: #4B4B4B;
    color: #DDD;
    display: block;
    font-family: sans-serif;
    font-size: 85%;
    padding: 5px 0 5px 8px;
    text-decoration: none;
    width: 550px;
}
div.menu a#current {
    background: #666; color: #FFF;
}
div.menu a:hover {
    background: #555; color: #FFF;
}
div.menu li {
    list-style-type: none;
    margin: 0 0 1px 0;
    padding: 0;
}


/* Left side */
div.content_left {
    margin: 1px;
    width: 593px;
}
div.date {
    background: #0070CD url(img/bgdate.gif) repeat-x;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
}
div.newsitem {
    background: #F0F0F0 url(img/bg_newsitem.png) repeat-x;
    border: 1px solid #EEE;
    border-color: #EEE #EEE #DDD #EEE;
    clear: both;
    color: #333;
    line-height: 1.5;
    margin: 6px;
    padding: 10px;
}

div.newsitem2 {
    background: #F0F0F0 url(img/bg_newsitem.png) repeat-x;
    border: 1px solid #EEE;
    border-color: #EEE #EEE #DDD #EEE;
    clear: both;
    color: #333;
    line-height: 1.5;
    margin: 6px;
    padding: 10px;
}
div.newsitem img {
    border: 3px double #CCC;
    height: 120px;
    margin: 6px 10px 10px 10px;
    width: 120px;
}
div.newsitem img.left {
    float: left;
}
div.newsitem img.right {
    float: right;
}
div.newsitem .title {
    color: #0066CC;
    font: bold 1.2em Tahoma,sans-serif;
    padding: 3px 4px;
}
div.newsitem .body {
    font-family: "Trebuchet MS",Tahoma,sans-serif;
    font-size: 0.9em;
    text-align: left;
}


/* Right side */
div.content_right {
    width: 331px;
    position: absolute;
    top: 116px;
    left: 620px;
}

div.links a {
    background: url(img/bg_navitem.gif) repeat-x #FFF;
    display: block;
    font: bold 0.8em Verdana,Tahoma,sans-serif;
    padding: 6px 0 8px 8px;
    text-decoration: none; color: #333;
}
div.links a:hover {
    color: #0080DD; background-position: left bottom;
}
div.links div.line {
    height: 1px; background-color: #EEEEF5;
}
div.links .title {
    background: #333 url(img/bgsubtitle.gif) repeat-x;
    color: #FFF;
    font: normal 85% Tahoma,sans-serif;
    padding: 5px 8px;
}

/* Footer */
div.footer {
    background: #F0F0F0 url(img/bgdate.gif) repeat-x;
    border: 1px solid #EEE;
    color: #FFF;
    margin-left: 6px;
    width: 581px;
}
div.footer .copyright {
    padding: 6px 12px;
}
div.footer a {
    color: #FFF;
    font: bold 1em "Trebuchet MS",sans-serif;
    text-decoration: none;
}
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren