Notifikationer

Markér alle som læst Log ud

maxmuldjord Nybegynder

20. januar 2004 - 21:58 Der er 11 kommentarer og
1 løsning

Kan jeg bestemme iframe pos. med CSS ?

Ja som overskriften siger: Kan jeg give en iframe en absolut pos med CSS ? Så kunne jeg nemlig undgå tabeller!

Synes godt om

skovenborg Nybegynder

20. januar 2004 - 22:13 #1

jo sådan:
<iframe src="side.php" style="position:absolute;left:300px;top:300px;width:300px;height:300px;"></iframe>

hvis du ikke kan få det til at virke kan du jo altid sætte en div rundt om og flytte rundt på den istedet.

Synes godt om

gil-galad Nybegynder

20. januar 2004 - 22:17 #2

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 262px; top: 236px">
<iframe src="http://www.google.com">du har en gammel browser... Det er noget
lort </iframe></div>

Synes godt om

gil-galad Nybegynder

20. januar 2004 - 22:18 #3

hov, jeg kom vist meget for sent der......

Synes godt om

roenving Novice

21. januar 2004 - 05:17 #4

-- og så er det godt at vide, at hvis du sætter noget ind i et positioneret element, vil det flytte rundt med det, f.eks.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Positioneret</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/454661">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{
height:100%;
width:100%;
margin:0px;
padding:0px;
text-align:center;
}
#site{
position:relative;
z-index:1;
margin-left:auto;
margin-right:auto;
width:760px;
height:100%;
top:0px;
left:0px;
background:#eee;
text-align:left;
}
#banner{
position:relative;
z-index:1;
width:100%;
height:100px;
background:#fee;
}
#main{
position:relative;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:0;
padding-top:100px;
margin-top:-100px;
background:#aee;
}
#menu{
position:relative;
z-index:1;
width:120px;
height:100%;
top:0px;
left:0px;
background:#efe;
float:left;
text-align:center;
}
#content{
position:relative;
width:640px;
height:100%;
float:left;
background:#eef;
}
</style>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<div id="site">
<div id="banner"></div>
<div id="main">
<div id="menu">
Menuen
</div>
<div id="content">
Indholdet, f.eks. en iframe
<div>
</div>
</div>
</body>
</html>

Synes godt om

maxmuldjord Nybegynder

21. januar 2004 - 07:51 #5

Tak. Jeg kan sagtens bruge all disse oplysninger, de er all gode så smid et svar alle sammen, jeg forhøjer point så alle kan få hvis der lige er en der fortæller mig hvordan jeg gør.

En sidste ting, kan jeg evt. lave indholdet i en iframe delvist transparent? jeg mener ta have læst noget om det et sted men det skulle kun virke i IE ?

Synes godt om

roenving Novice

21. januar 2004 - 08:05 #6

Du kan få lidt hjælp her:

http://expfaq.1go.dk

Synes godt om

maxmuldjord Nybegynder

21. januar 2004 - 09:59 #7

Tak, hvis i smider et svar hver så skal jeg sørge for at der er 30 point til hver, oki?

Synes godt om

maxmuldjord Nybegynder

21. januar 2004 - 10:01 #8

roenving, jeg prøver lige din kode men skal jeg forstå det på den måde at en iframe f.eks ikke egner sig til at indsætte en menu på flere sider hvis den er et positioneret element?

Synes godt om

skovenborg Nybegynder

21. januar 2004 - 13:57 #9

her er så et svar :-)

Synes godt om

maxmuldjord Nybegynder

22. januar 2004 - 18:01 #10

da der kun er svar fra skovenborg er der hermed point, væsgo'

Synes godt om

skovenborg Nybegynder

22. januar 2004 - 22:20 #11

nåda, men tak for dem da :-)

Håber det' iorden med roenving ;-)

Synes godt om

maxmuldjord Nybegynder

23. januar 2004 - 07:20 #12

Hvis du vil ha' point også roenving så sig bare til !! Jeg kan i øvrigt sige at det virker perfekt, tak

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS