Indhold i "wrapper" skal fylde 100% i "body"

Her kan du spørge om hjælp til design, templates og css.

Moderator: b-ronnow

Locked
Jake70
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Sun Mar 20, 2011 7:54 pm

Indhold i "wrapper" skal fylde 100% i "body"

Post by Jake70 » Wed Apr 06, 2011 1:20 pm

Hej

Jeg sidder med en side hvor udfordringen er at få indholdet i en bestemt position (bottom) til at gå ud over wrapperen's bredde.

Wrapper er 980px bred og indholdet i "bottom" er 2500px bred. Indholdet (altid billedfiler) skal være centreret i browser på samme vis som selve wrapperen.

Se siden jeg arbejder på her: http://www.stormwerk.dk/v2/ - det store billede med den sorte tekst skal være centreret i browser og altså ikke venstrejusteret med wrapper, som den er nu.

Min tydelige inspiration kan ses her: (scroll lidt ned) http://www.scandinaviandesignlab.com/en ... ro-theatre

Er der nogen der kan hjælpe med en mulig løsning?

På forhånd tak
Jacob

martiinkolle
Joomla! Explorer
Joomla! Explorer
Posts: 418
Joined: Wed Dec 23, 2009 11:15 pm
Location: Syddanmark
Contact:

Re: Indhold i "wrapper" skal fylde 100% i "body"

Post by martiinkolle » Sat Apr 09, 2011 3:41 pm

Hej Jacob! :)

Du skal bare tilføje dette som style defination til billedet :)

Code: Select all

position: fixed;left: 0;
Martin Kollerup
I don't know if we each have a destiny or if we're all just floatin' around accidental like on a breeze... but i think, maybe it's both. Maybe both are happening at the same time... Forrest gump

Jake70
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Sun Mar 20, 2011 7:54 pm

Re: Indhold i "wrapper" skal fylde 100% i "body"

Post by Jake70 » Mon Apr 11, 2011 12:36 pm

Hej Martiinkolle

Tak for dit svar. Din løsning er fin hvis man vil have billedet til at være låst til venstremargin.

Det jeg godt kunne tænke mig er at alt indhold i "bottom" positionen skal være centreret i browseren og altså ikke låst i "left: 0;". Hvis Joomla websitet er 980px bred og indholdet i "bottom" positionen er 2500px bred skal det centreres i browser når man skalere... Håber det giver mening, men ellers tjek dette link og scroll lidt ned: http://www.scandinaviandesignlab.com/en ... ro-theatre

Jeg har brugt meget tid på at surfe efter hjælp, men det er lidt småt med info omkring denne udfordring.

Håber du kan hjælpe alligevel ;)

Med venlig hilsen
Jacob

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: Indhold i "wrapper" skal fylde 100% i "body"

Post by Gadensgaard » Mon Apr 11, 2011 12:45 pm

Hvad med left:50%?

martiinkolle
Joomla! Explorer
Joomla! Explorer
Posts: 418
Joined: Wed Dec 23, 2009 11:15 pm
Location: Syddanmark
Contact:

Re: Indhold i "wrapper" skal fylde 100% i "body"

Post by martiinkolle » Mon Apr 11, 2011 1:42 pm

eller margin 0 auto;

Hvis du vil have at det passer perfekt til hver skærmstørrelse skal du måske ud i lidt js. :D
Martin Kollerup
I don't know if we each have a destiny or if we're all just floatin' around accidental like on a breeze... but i think, maybe it's both. Maybe both are happening at the same time... Forrest gump

Jake70
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Sun Mar 20, 2011 7:54 pm

Re: Indhold i "wrapper" skal fylde 100% i "body"

Post by Jake70 » Mon Apr 11, 2011 5:26 pm

Hej Martin

Tak for dine svar.

Dine forslag er umiddelbart de logiske løsninger, som jeg da også testede til at starte med, men som du skriver skal jeg nok ud i noget js.

Dette er åbenbart ikke noget man bruger ofte i Joomla da du er den eneste der turde komme med nogle bud, derfor er det jo endnu sjovere at få til at fungerer.

Jeg tror lige jeg prøver det engelske forum.

Tak for hjælpen

Med venlig hilsen
Jacob

lille-web
Joomla! Guru
Joomla! Guru
Posts: 789
Joined: Tue Jul 04, 2006 4:00 pm
Contact:

Re: Indhold i "wrapper" skal fylde 100% i "body"

Post by lille-web » Mon Apr 18, 2011 10:40 am

Kan du ikke bare lave en ny div som du smider i din index fil

Code: Select all

div#min_footer {height:1000px;width:100%; background-image:url(../images/mit-billede.png); background-repeat:no-repeat; background-position; top center;}
Morten
Lille-web WEbdesign - Hjemmesider i et stilfuldt webdesign.

Jake70
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Sun Mar 20, 2011 7:54 pm

Re: Indhold i "wrapper" skal fylde 100% i "body"

Post by Jake70 » Mon Apr 18, 2011 12:28 pm

Hej Morten

Tak for dit svar.

Koden vil ikke virke helt efter hensigten da den henviser til ét specifikt billede.

Jeg fandt løsningen via den engelske forum og du kan se løsningen her: http://forum.joomla.org/viewtopic.php?f=466&t=611813

Mange tak for dit svar.

Med venlig hilsen
Jacob


Locked

Return to “Template, CSS og Design”