Notifikationer

Markér alle som læst Log ud

Slettet bruger

18. oktober 2004 - 12:50 Der er 25 kommentarer og
1 løsning

Placering af div-kasser på html-side

Jeg har lavet denne her side som placerer mine div-bokse pænt i alle browserne - det hjalp at bruge float. Men hvordan får jeg div4 op under div1 på denne her side:

http://www.henrik-jensen.dk/test5.html

Synes godt om

fennec Nybegynder

18. oktober 2004 - 12:57 #1

Du kunne evt sætte dette på dit style:

position : absolute;
top : 10px;
left : 10px;

Så kan du placere din div's som du vil med top og left.

Synes godt om

hermandsen Juniormester

18. oktober 2004 - 12:59 #2

>>fennec
Præcist hvad jeg skulle til at sige!! :)

Skal du centrere dit indhold kan det evt. gøres således:
left: 50%;
margin-left: -300px;
width: 600px;

Bare sæt margin-left til det halve af bredden... :)

Synes godt om

hermandsen Juniormester

18. oktober 2004 - 13:02 #3

Forøvrigt:
http://hermandsen.homepage.dk/exp/551636.png

Forrige indlæg skulle forresten have været en kommentar!!

Synes godt om

Slettet bruger

18. oktober 2004 - 13:06 #4

Skal jeg så droppe float???

Synes godt om

fennec Nybegynder

18. oktober 2004 - 13:08 #5

Jeps.
Bruger du "position : absolute" sammen med top og left placere du selv dine div på præsis den potion du ønsker.

Synes godt om

roenving Novice

18. oktober 2004 - 13:09 #6

Jeg ville sætte nr. 1 og nr. 4 ind i een kasse, som så bare skulle have float-egenskaben og ikke andet !-)

Synes godt om

roenving Novice

18. oktober 2004 - 13:11 #7

-- og i visse situationer er absolut positionering et must, og så er det fornuftigt at bruge dem, ellers er det tåbeligt, da alle mulige og umulige problemer vil opstå omkring plads på skærmen m.v.

Synes godt om

Slettet bruger

18. oktober 2004 - 13:17 #8

Jeg kan ikke rigtigt få designet til at passe...

På denne her side:

http://www.henrik-jensen.dk/test4.html

har jeg prøvet at lave hele siden med position absolute, men det skubber indholdet i de forskellige browsere...

Den røde tabel skal illustrere toppen af min side - dette her kode jeg laver bliver nemlig automatisk sat ind i et td-tag på en side - og så har jeg svært ved at styre indholdet med absolute...

Hvordan skal jeg sætte den side op korrekt??? float eller absolute eller en blanding???

Synes godt om

Slettet bruger

18. oktober 2004 - 13:20 #9

I koden på siden:
http://www.henrik-jensen.dk/test5.html
har jeg en <div id="container"> rundt om de andre div - det virker fint nok med float - men hvis jeg bruger position absolute på et div-tag inde i "containeren", "forsvinder" div-kassen...

Synes godt om

roenving Novice

18. oktober 2004 - 13:23 #10

Så skal du bare sætte en position:relative; på den omkringliggende kasse !-)

Men du kan også bare fjerne højden (eller tilpasse den !-) på div4 og:

<div id="container">
<div class="test4">
<div class="test1"></div>
Div nr. 4</div>
<div class="test2"></div>
<div class="test3"></div>

Synes godt om

Slettet bruger

18. oktober 2004 - 13:33 #11

Jeg syntes ikke det spiller helt...

Kan du vise mig helt konkret hvordan man skal sætte hele denne her side op:

http://www.henrik-jensen.dk/test4.html

Det er alle de billeder jeg skal have til at passe på samme side.

Synes godt om

roenving Novice

18. oktober 2004 - 13:43 #12

Der ville jeg også bruge absolut positionering inde i den boks !-)

Princippet er, som fennec og hermandsen nævner ovenstående, tilføjelsen er den jeg kommer med @13:23:58 ...

-- altså som inline properties:

<body style="text-align:center;">
<div id="container" style="position:relative;height:432px;width:538px;margin:0 auto;text-align:left;">
<div id="test1" style="position:absolute;width:269px;height:124px;top:0px;left:0px;">div1</div>
<div id="test2" style="position:absolute;width:269px;height:380px;top:0px;left:269px;">div2</div>
<div id="test3" style="position:absolute;width:269px;height:124px;top:0px;left:124px;">div3</div>

osv.

</div>
</body>

-- og jeg smed bare nogle nogenlunde tilfældige tal ind !o]

Synes godt om

Slettet bruger

18. oktober 2004 - 14:11 #13

skal lige teste om det virker - vender snart tilbage...

Synes godt om

Slettet bruger

18. oktober 2004 - 14:25 #14

ok, nu har jeg 2 problemer.

Koden ser kun fin ud i Explorer - de andre browsere "skubber" indholdet til lidt til højre (og dermed udover min højremenu!) - hvorfor gør den det? Hvad er det de andre browsere ikke kan lide?

Og:

Koden lægger sig "oven på" min bundmenu...
Som tidligere nævnt kommer min kode her ind som en del af en større side og lander sådan her:

<td><span id="xx">min kode her</span></td>

Synes godt om

Slettet bruger

18. oktober 2004 - 14:28 #15

Min kode ser nu således her ud:
http://www.henrik-jensen.dk/test6.html

Synes godt om

Slettet bruger

18. oktober 2004 - 14:47 #16

hovsa, der var lige en fejl - højden på <div id="container"> skulle være 595 i stedet for de skrevet 432 - så passer det med bundmenuen....

Så er der kun browserproblemet tilbage!

Nogen bud på det????

Synes godt om

roenving Novice

18. oktober 2004 - 14:50 #17

Kommer an på, hvad der er dit problem ...

Hvis du bare skal have siden til at starte fra venstre, skal du fjerne margin:0 auto; fra containeren !-)

Synes godt om

Slettet bruger

18. oktober 2004 - 15:11 #18

Ja, det var det der drillede!
hvorfor flytter det hele siden til højre?

Synes godt om

roenving Novice

18. oktober 2004 - 15:13 #19

Fordi en automatisk margin skal centrere et element (og det er et ofte forekommmende issue, så det var en automatik, at jeg satte den på !-)

Synes godt om

Slettet bruger

18. oktober 2004 - 15:17 #20

Det problem kæmpede jeg med i lang tid i dag! Du skal vist lige lave et svar så jeg kan give dig dine fortjente point!

Synes godt om

roenving Novice

18. oktober 2004 - 15:29 #21

Velbekomme '-)

Synes godt om

Slettet bruger

18. oktober 2004 - 15:34 #22

Tak for hjælpen - det var dagens tip for mig!

Synes godt om

roenving Novice

18. oktober 2004 - 15:50 #23

-- og tak for point ;~}

Synes godt om

Slettet bruger

18. oktober 2004 - 15:54 #24

hovsa, den ser faktisk ikke ok ud i Netscape - jeg har siddet med IE, Opera og Mozilla...

Det er ligesom om den laver noget ekstra space forneden og lidt til højre - udover div-containeren.

Ved du om der et nogle styles som Netscape ikke kan lide???

Synes godt om

Slettet bruger

18. oktober 2004 - 15:59 #25

Nej, jeg tror det var min Netscape som ikke lige fik opdateret siden, så never mind!

Synes godt om

roenving Novice

18. oktober 2004 - 16:05 #26

-- og hvis du har en bare nogenlunde ny Netscape er maskinen indeni identisk med maskinen i Mozilla !-)

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