Hjælp til ifame problem

Fra København S

Tilmeldt 3. Mar 10

Indlæg ialt: 4

Natasha K Skrevet 12-04-2011 kl. 10:05

Hvor mange stjerner giver du? :

Hej allesammen

Jeg prøver at "include" min extern blog på min rigtig hjemmeside (fordi jeg kunne lave den med WP) og hørt at man kan gør det med iframe - så derfor jeg prøvede med den først.

Problemet med iframe er at den fungerer rigtigt kun når jeg sætter en bestemt højde fx. hvis den er sat til 3000px - så den viser indhold på kun første 3000px og cutter resten af , men hvis det er "height 100%" - den viser kun ca. 250px af iframe. Jeg prøvede også min-height: xxxx px - but that worked same as height 100%.

Jeg prøvede alle forskellig tricks med html og jquery som jeg kunne finde på nettet og lavede en post på http://stackoverflow.com/questions/5511190/jquery-trick-doesnt-solve-iframe-100-height-of-content-problem - men ingen svarede derovre, så nu prøver jeg her.

Jeg hørt om Ajax - men jeg kunne ikke finde rigtigt ud af den - jeg prøvede forskellige ting jeg kunne finde på nettet - men som jeg kan huske den vidst slet ikke noget... ved ikke hvordan det kunne være... den vidste samples - men ikke hvis jeg lavede noget om på dem.

Min side hvor blog er: http://natness.com/html/Blog.html
Min blog er: http://blog.natness.com/

Jeg læst nogle steder at man kan have problemer at linke andre sites fra andre domains - men jeg viser bare subdomain, så jeg tror ikke at det er problemet.

Min hjælpelærer sidder også og prøver at finde ud af hvordan det kan løses - men no luck.

Hjælp!

Med venlig hilsen,
NatashaK

Tilmeldt 20. Aug 07

Indlæg ialt: 79

Adnan Skrevet 12-04-2011 kl. 10:18

Hvor mange stjerner giver du? :

Hej Natasha,

Jeg ved ikke så meget om front-end programmering, men..

Kan det være du har en css fil som overskriver højden mv?

Du kalder en funktion i iframe onload="resize_iframe(), hvad gør den ?

Du har en div content, hvordan er den defineret i css..?

Du skal download firebug til din firefox, og så pege med mussen på den hjemmesides forskellige dele for at se hvorfor og der er noget som bliver overskrevet osv

Fra København S

Tilmeldt 3. Mar 10

Indlæg ialt: 4

Natasha K Skrevet 12-04-2011 kl. 11:18

Hvor mange stjerner giver du? :

Det kan godt være, men jeg prøver nu at tænde/slukke for height-css ting men indtil videre det kommer 2 outcome: ingen forskel på højde eller den bliver igen ca 250px høj.

----

onload="resize_iframe(), - tror den gør at selv iframe bliver resized kommer an på hvor meget content det er i.

---

#content {
    padding-top: 50px;
    height: 100%;
    display: block;
}

Fra Kolding

Tilmeldt 24. Jan 06

Indlæg ialt: 11

Jakob S Fra Substance Lab ApS Skrevet 13-04-2011 kl. 13:34

Hvor mange stjerner giver du? :

Helt kort svaret, så kan det ikke lade sig gøre (hvertfald ikke uden en masse krumspring).

Du kan ikke bruge height: 100% i CSS, da de 100% refererer til det element, som iframen er inden i - ikke iframens indhold.

Du kan ikke bruge de eksisterende metoder/jQuery plugins (fx http://plugins.jquery.com/project/iframe-auto-height) da du inkluderer indhold fra et andet domæne. Ja, blog.natness.com og natness.com er ikke det samme domæne, når vi snakker browsernes sikkerheds-indstillinger.

Jeg ville nok anbefale, at du dropper iframe idéen og bare linker til din blog. Så kan folk også nemmere linke til dine faktiske indlæg o.l.