Hov. Du er ikke logget ind.
DU SKAL VÆRE LOGGET IND, FOR AT INTERAGERE PÅ DENNE SIDE

iFrame topbanner på website driller

Side 1 ud af 2 (15 indlæg)
Fra Korsør
Tilmeldt 10. Mar 12
Indlæg ialt: 366
Fra  Pravour Filmbureau Skrevet kl. 14:36
Hvor mange stjerner giver du? :

Hej alle sammen.

Jeg søger lidt hjælp til at få mit topbanner på mit iframe til at følge hele vejen ned til bunden af sitet og med op igen. Det følger fint med indtil man når bunden og kører op, så forsvinder det. Hvad kan jeg gøre for at fixe dette problem?

Du kan se mit eksempel her

Fra Korsør
Tilmeldt 10. Mar 12
Indlæg ialt: 366
Fra  Pravour Filmbureau Skrevet kl. 14:37
Hvor mange stjerner giver du? :

Jeg er klar over jeg ikke bare må sætte et websitet ind, som jeg ikke har fået godkendelse fra. Dette er blot en test :-)

Tilmeldt 28. Jun 13
Indlæg ialt: 142
Skrevet kl. 15:09
Hvor mange stjerner giver du? :

Tilføj det her til #divMenu:

#divMenu {
position: fixed;
z-index: 1;
}

 

Fra København
Tilmeldt 5. May 10
Indlæg ialt: 522
Fra  RasmusKnabe.com Skrevet kl. 15:14
Hvor mange stjerner giver du? :
Gennemsnit 5,0 stjerner givet af 1 person

Du kan også bare tilføje:

body{

overflow:hidden;

}

Fra København
Tilmeldt 5. May 10
Indlæg ialt: 522
Fra  RasmusKnabe.com Skrevet kl. 15:35
Hvor mange stjerner giver du? :

Umiddelbart ville jeg nok selv gå med et layout noget ala dette:

http://codepen.io/anon/pen/hcBft

Fra Korsør
Tilmeldt 10. Mar 12
Indlæg ialt: 366
Fra  Pravour Filmbureau Skrevet kl. 21:44
Hvor mange stjerner giver du? :

Tusind mange gange tak for svar begge to, det er helt kanon!

Jeg har nu fået det til at virke ved hjælp af overflow:hidden; - men hele siden/højden vises bare ikke. Dvs. det ligner ikke iframe viser 100% i højden. I kan se hvad jeg mener her: http://www.miviio.dk/beta/test/test.html

- Nogle af jer der ved hvordan jeg løser dette problem? 

Tilmeldt 28. Jun 13
Indlæg ialt: 142
Skrevet kl. 21:47
Hvor mange stjerner giver du? :
Gennemsnit 5,0 stjerner givet af 1 person

Tilføj:

#ifrContent {

height: 100%;

}

Virker ved mig :)

Fra Korsør
Tilmeldt 10. Mar 12
Indlæg ialt: 366
Fra  Pravour Filmbureau Skrevet kl. 21:57
Hvor mange stjerner giver du? :

Tusind mange gange tak Emil, du er for sej! 

Fra København
Tilmeldt 5. May 10
Indlæg ialt: 522
Fra  RasmusKnabe.com Skrevet kl. 13:53
Hvor mange stjerner giver du? :

Du har dog stadig et lille problem. I og med at iFramen er sat til en højde på 100% men er rykket ca. 70px ned fra toppen, ryger de nederste 70px af iframen ud af vinduet i bunden og er ikke synlige.

Tag et kig på det lille kodeforslag jeg lavede længere oppe i tråden - der er taget højde for ovenstående :)

Fra København
Tilmeldt 5. May 10
Indlæg ialt: 522
Fra  RasmusKnabe.com Skrevet kl. 13:56
Hvor mange stjerner giver du? :

Tjekkede lige mit link og det ser ud til at der er noget galt, så du får lige koden her:

HTML:

<header>
</header>
<div>
<iframe src="http://www.rasmusknabe.com" width="100%" height="100%">
</iframe>
</div>

CSS:

body{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

header{
width: 100%;
height: 70px;
background: #333;
}

div{
width: 100%;
position: fixed;
top: 70px;
right: 0;
bottom: 0;
left: 0;
}

iframe{
border: none;
margin: 0;
padding: 0;
}

Side 1 ud af 2 (15 indlæg)