Brugervenlighed & design på nettet

Svar: Hjælp til ifame problem

Jakob S — Wed, 13 Apr 2011 11:34:37 GMT

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.

Svar: Hjælp til ifame problem

Natasha K — Tue, 12 Apr 2011 09:18:28 GMT

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;
}

Svar: Hjælp til ifame problem

Adnan — Tue, 12 Apr 2011 08:18:16 GMT

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

Hjælp til ifame problem

Natasha K — Tue, 12 Apr 2011 08:05:23 GMT

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