Avatar billede amoelle Nybegynder
25. juli 2005 - 14:19 Der er 4 kommentarer og
1 løsning

hvordan kommer jeg af med den indre margen i en iframe

Hvordan kommer jeg af med den indre margen i en iframe ?

Se nedenstående simple eksempel.
Pointen er, at jeg gerne vil have det gule i source siden til at gå helt ud til kanten på iframe'n.
Har forsøgt med negative tal i padding..... men det hjælper ikke ;-)

mvh Anne






****************SELVE SIDEN*******************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en">
<head>
<link rel="stylesheet" type="text/css" href="mc.css">
</head>
<body>
<iframe name="i1" id="scr1" align="center" src="frScr.htm"></iframe>
</body>
</html>

****************INDHOLDSSIDEN*****************
<html>
<head>
<link rel="stylesheet" type="text/css" href="mc.css">
</head>
<body>
<div>
<p id="src">
Si meliora dies, ut vina, poemata reddit, scire velim, chartis pretium quotus arroget annus. scriptor abhinc annos centum
qui decidit, inter perfectos veteresque referri debet an inter vilis atque novos? Excludat iurgia finis, "Est vetus atque
probus, centum qui perficit annos." Quid, qui deperiit minor uno mense vel anno, inter quos referendus erit? Veteresne poetas,
an quos et praesens et postera respuat aetas? Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est
iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis
acervi, qui redit in fastos et virtutem aestimat annis miraturque nihil nisi quod Libitina sacravit. Ennius et sapines et
fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea. Naevius in
manibus non est et mentibus haeret paene recens? Adeo sanctum est vetus omne poema. ambigitur quotiens, uter utro sit prior,
aufert Pacuvius docti famam senis Accius alti, dicitur Afrani toga convenisse Menandro, Plautus ad exemplar Siculi properare
Epicharmi, vincere Caecilius gravitate, Terentius arte. Hos ediscit et hos arto stipata theatro spectat Roma potens; habet
hos numeratque poetas ad nostrum tempus Livi scriptoris ab aevo. Interdum volgus rectum videt, est ubi peccat. Si veteres ita
miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere
credit eos, ignave multa fatetur, et sasapit et mecum facit et Iova iudicat aequo. Non equidem insector delendave carmina Livi
esse reor, memini quae plagosum mihi parvo Orbilium dictare; sed emendata videri pulchraque et exactis minimum distantia miror.
Inter quae verbum emicuit si forte decorum, et si versus paulo concinnior unus et alter, iniuste totum ducit venditque poema.
</p>
</div>
</body>
</html>



****************STYLESHEET********************
body {
    background-color: #333333;
}

iframe {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 0em 0em;
    background-color: blue;
    color: #0000DD;
}

#src {
    padding: 0em 0em 0em 0em;
    border: 0px;
    background-color: yellow;
}

************************
Avatar billede amoelle Nybegynder
25. juli 2005 - 14:22 #1
Der manglede lige en bid af css'en.........

p {
    padding: 0em 0em 0em 0em;
    border: 0;
    background-color: yellow;
}
Avatar billede roenving Novice
25. juli 2005 - 14:48 #2
1. Sæt også doctype på indholdssiden !-)

2. Tilføj en nul-margin og -padding i indholdsdokumentet:

html,body{margin:0;padding:0;}
Avatar billede amoelle Nybegynder
25. juli 2005 - 14:57 #3
Tak for det.
Det virker fint på det lille eksempel, så smid lige et svar, - så får du points.
- Og så kan jeg vel godt fjerne linierne med padding: 0em 0em 0em 0em; ..... de gør jo ingen gavn nu ?

Imens prøver jeg at få det til at virke på den mere komplicerede virkelighed :-)

mvh Anne
Avatar billede roenving Novice
25. juli 2005 - 15:02 #4
Ja, et iframe-element har ikke nogen padding, det er i det dokument, som vises i vinduet !-)

Velbekomme '-)
Avatar billede roenving Novice
25. juli 2005 - 15:05 #5
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester