Søg
Avatar billede skovge Novice
13. februar 2006 - 20:17 Der er 4 kommentarer og
1 løsning

Center og absolute samtidig?

Jeg har en side med forskelligt indhold (HTML og CSS) - nu vil jeg gerne placere en swf centreret oven på siden - jeg kan godt få centreret swf'en med DIV - jeg kan også godt placere den oven på det andet indhold med DIV - jeg kan bare ikke få den til at gøre begge dele samtidig. Hvis jeg fjerner position:absolute så lægger den sig øverst på siden og skubber det øvrige indhold ned, og hvis jeg har position:absolue med så bliver den ikke centreret.......hvordan løser jeg dette?
Avatar billede jokkejensen Novice
13. februar 2006 - 20:27 #1
hvis du ligger dit flash div inde i det allerede centrerede content, og herinde giver det position:absolute mens det ligger i et andet element med position:relative;

Så er det ikke længere fra "body" tagget du sætter de absolutte koordinater fra men fra venstre hjørne af det allerede centerede div..

Så kan du placre flash laget hvor du vil, ud fra det lag du lagde det i.

Håber du forstår

Mvh
Avatar billede skovge Novice
13. februar 2006 - 20:40 #2
Æhm - den er jeg ikke helt sikker på jeg forstod.  :-)


Noget i den her stil?

<html>
<head>
<style>
#content{
    width: 100px;
    margin: 0 auto;
}
</style>
</head>
<body>

<div position:absolute>
mit indhold
</div>

....
..
.
.

Kan du evt. lige skrive et lille eksempel?
Avatar billede jokkejensen Novice
13. februar 2006 - 21:07 #3
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>simple document</title>
<style Media="screen">
#content
{
width: 650px;
height: 600px;
border: 1px solid red;
position:relative;
background-color:black;
margin:0 auto;
color:gray;
}
#content div
{
position:absolute;
width:200px;
height: 200px;
top: 50px;
left:225px;
color:white;
background-color: gray;
border: 1px solid blue;
}
</style>
</head>
<body>
<div id="content">
<div>Flash laget</div>
content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget, content laget,
</div>
</body>
</html>
Avatar billede skovge Novice
13. februar 2006 - 21:16 #4
Okay - så var den der, jeg takker mange gange for hurtig hjælp!  :-)

Smid et svar og point er dine!
Avatar billede jokkejensen Novice
13. februar 2006 - 21:21 #5
Selv tak..

Mvh
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »