WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Få div under annan div (https://www.wn.se/forum/showthread.php?t=26009)

JeZZifelt 2008-01-04 12:03

Förlåt om jag fattar mig kort och otydligt, har bråttom just nu men kan förklara bättre ivkäll..

Titta på denna sida:
http://www.jennifernilsson.se/fnizz/index.html
CSS: http://www.jennifernilsson.se/fnizz/css.css

Ni ser den diven som är längst ned med en svart detalj i hörnet?
Jag vill få denna bakom main-diven så att den bildar bakgrunden, men jag får det inte att fungera. Den vill bara lägga sig längst ned (vilken den iofs ska göra, men samtidigt bakom den andra diven så att de båda divarna slutar samtidigt).

Kan ni hjälpa mig, tack? :)

digiArt 2008-01-04 12:27

Jag gissar på att det är blomman som du försöker få in där (bkgrnd2.gif).

Lägg den istället i #bttmbar istället för i #bottom.

Så hade jag löst det iaf. Möjligen kan det fungera, men en spontan reaktion är att floatingen och användning av div:arna inte är optimal. Jag har bara tittat i två minuter, men kanske kan ge ngn input iaf.

JeZZifelt 2008-01-04 12:32

Citat:

Originally posted by digiArt@Jan 4 2008, 13:27
Jag gissar på att det är blomman som du försöker få in där (bkgrnd2.gif).

Lägg den istället i #bttmbar istället för i #bottom.

Så hade jag löst det iaf. Möjligen kan det fungera, men en spontan reaktion är att floatingen och användning av div:arna inte är optimal. Jag har bara tittat i två minuter, men kanske kan ge ngn input iaf.

Ja det är den bkgrnd2 med det är hela div-en #bottom.
Gud, jag är så dålig på att förklara, ni får ursäkta, men det är alltså hela den div-en #bottom som ska ha bkgrnd2 som bakgrund. Och denna #bottom vill jag nu lägga bakom #rgtcol.
Jag hoppas att ni förstår, jag är som sagt urusel på att förklara, men tack för ert försök att hjälpa! :)

digiArt 2008-01-04 16:14

Jag har skickat lösningen till dig i ett mail.

JeZZifelt 2008-01-09 20:22

Någon mer som har nåt förslag, tack? :)

crazzy 2008-01-09 21:20

sätt ett z-index och position: absolute på den?

JeZZifelt 2008-01-09 21:28

Citat:

Originally posted by crazzy@Jan 9 2008, 22:20
sätt ett z-index och position: absolute på den?
Jo, men man måste ju också se till att den följer med resten av sidan. Den kommer ju alltid att hamna på olika positioner beroende på hur stor skärm besökaren har eftersom sidan ska centreras i mitten.

crazzy 2008-01-09 21:40

Citat:

Ursprungligen postat av JeZZifelt
Citat:

Ursprungligen postat av crazzy
sätt ett z-index och position: absolute på den?

Jo, men man måste ju också se till att den följer med resten av sidan. Den kommer ju alltid att hamna på olika positioner beroende på hur stor skärm besökaren har eftersom sidan ska centreras i mitten.

om diven är till exempel 500px så sätter du left: 50%; och margin-left: -250px;
dvs du sätter en negativ vänstermarginal som är halva divens bredd.

JeZZifelt 2008-01-09 21:57

Citat:

Ursprungligen postat av crazzy
Citat:

Originally posted by -JeZZifelt@Jan 9 2008, 22:28
Citat:

Ursprungligen postat av crazzy
sätt ett z-index och position: absolute på den?

Jo, men man måste ju också se till att den följer med resten av sidan. Den kommer ju alltid att hamna på olika positioner beroende på hur stor skärm besökaren har eftersom sidan ska centreras i mitten.


om diven är till exempel 500px så sätter du left: 50%; och margin-left: -250px;
dvs du sätter en negativ vänstermarginal som är halva divens bredd.

Jaha, så det funkar med minustecken?
Det har ju aldrig jag fattat! :rolleyes: höhö.
Tack så mycket, jag ska testa detta imorrn! :D

JeZZifelt 2008-01-10 16:57

Tack crazzy, ditt tips funkade! :) Fast det finns en liten hake, dock..

Nu ser det ut så här: http://www.jennifernilsson.se/fnizz/index.html
Bilden med "blomman" heter nu blommabg.gif och är lika bred som huvudbakgrunden (bkgrnd.gif) men är transparent åt vänster.
Allt ser ut som det ska, men #blomma "täcker över" #rgtcol och #bttmbar och därför fungerar inte länkarna.

Kolla på koden här: http://www.jennifernilsson.se/fnizz/index.html
Och css:n här: http://www.jennifernilsson.se/fnizz/css.css

Kan ni hjälpa mig att lösa detta på något sätt? :)
Tack!


Alla tider är GMT +2. Klockan är nu 13:18.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson