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!

JeZZifelt 2008-01-14 16:32

Hjälp? :)

allstars 2008-01-15 10:34

ett tips är att ha bkgrnd.gif i body och blommabg som bg (no-repeat bottom right ) i #container.

med lite trixande kan det nog bli bra.

OT: ul#nav får nog ha lite marginal undertill.
att använda taggar som marginal är inte jättebra.

Ta en titt på marginalerna på alla element. Din markup (HTML) är f ö bra och designen är fin. tycker jag.

JeZZifelt 2008-01-15 15:10

Ah, det var ju smart!
Men hur blir det då med den bg.gif? Just nu ligger ju bg som bakgrund i body eftersom det är den bakgrunden som ska ligga längst "bak" om man säger så, och bkgrnd.gif bakgrund i container och "överst" ligger blomma.gif som ett bakgrundslager längst ner.
Så pm jag nu sätter bkgrnd.gif som bakgrund i body, vart ska då bg.gof hamna för den borde väl vara i body?
Eller tänker jag fel nu?

Tack så mycket för all övrig feedback, det är alltid intressant att höra vad folk tycker och vad som kan göras bättre! :)

allstars 2008-01-15 17:49

bg.gif är det bara en färg, eller?
då kan du ju använda den som bgfärg i body tillsammans med bakgrundsbilden.

body{background: #orangefärg url(bakgrundsbilden.gif) repeat-y 50% 50%;}

JeZZifelt 2008-01-15 21:20

Citat:

Originally posted by allstars@Jan 15 2008, 18:49
bg.gif är det bara en färg, eller?
då kan du ju använda den som bgfärg i body tillsammans med bakgrundsbilden.

body{background: #orangefärg url(bakgrundsbilden.gif) repeat-y 50% 50%;}

Nej tyvärr inte.
Fast världen skulle ju inte gå under om jag ändrade det så att bagkrunden blev helfärgad.
Men helst skulle jag vilja ha den så som den är nu, och den är orange med några lite, lite mörkare diagonala ränder på som egentligen knappt syns men som ger en liten extra effekt. :)
Vore bra om detta gick att lösa, men i "värsta" fall så får jag bestämma mig för om jag antingen ska strunta i blomman i hörnet eller om jag ska göra bakgrunden helfärgad.

allstars 2008-01-15 22:53

sorry, såg inte det med den andra skärmen.
Ett annat alt är att ha en till div innanför #container , låt oss kalla den #inner, med samma spec som #container, förutom background.

testa lite och se vad du kommer fram till.

JeZZifelt 2008-01-16 21:21

Citat:

Originally posted by allstars@Jan 15 2008, 23:53
sorry, såg inte det med den andra skärmen.
Ett annat alt är att ha en till div innanför #container , låt oss kalla den #inner, med samma spec som #container, förutom background.

testa lite och se vad du kommer fram till.

Japp, ska försöka klura ut någon bra lösning nu till helgen. :)
Tack så mycket för all hjälp!


Alla tider är GMT +2. Klockan är nu 01:52.

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