bakgrundsbilder i flera divar

6 svar · 517 visningar · startad av SONICdust 26 feb. 2006

SONICdustMedlem sedan nov. 2003196 inlägg

Frågan26 feb. 2006 16:36#1

Hej,

Jag får inte till det med bakgrunden i alla webbläsare, IE klar det men inte FF och O på Win. Jag har en satt en bakgrund i body som följer med fönstrets storlek. Den andra bakgrunden ligger i container som är anpassad till webbplatsens bred med repeat-y på för att visas i hela webbläsar fönstret. Den sista bakgrunden ligger i content som har en toning i toppen som jag kör med repeat-x på. I content finns det två spalter med. Men det är content som bara vill visa sig i IE.

Någon som har något tips. Kan tyvärr inte visa någon bild på hur det ser ut... men här kommer CSS-koden

html, 
body {
	background: #D9D9D9 url(/i/bg.gif) top left repeat-x;
	height: 100%
	}
#container {
	width: 695px;
	min-height: 100%;
	margin: 0 auto;
	background: url(/i/bg_container.gif) top left repeat-y;
	text-align: left;
	}
#content {
	background: url(/i/bg_content.gif) top left repeat-x;
	width: 673px;
	margin: 0 12px 0 12px;
	}

SONICdustMedlem sedan nov. 2003196 inlägg

26 feb. 2006 17:01#2

Löste det genom att sätta min-height: 305px; som är bilden höjd, nu funkar det i alla fall i mina webbläsare på min Windows maskin... hade innan bara testat att kört med min-height: 100%;

SONICdustMedlem sedan nov. 2003196 inlägg

28 feb. 2006 13:43#3

Ett till problem med bakgrundsbilder i en div

#container kör ner hela bakgrundsbilden i IE men i FF och O så kör den bara till en en vis längd. Hur fixar jag det så bakgrundsbilden i #container alltid följer hela webbläsare fönstret. Har titta på lite olika lösningar på forumet men fått ihop något... behöver snabb hjälp

jarvkloMedlem sedan juli 20013 378 inlägg

28 feb. 2006 19:21#4

Hmm..

Dum fråga - men var det inte den du satte min-height: 305px på ? ;)

Annars brukar

html,body {height: 100%; margin 0; padding 0;}
#container {min-height: 100%}
* html #container {height:100%}

funka om vi pratar "ren" CSS- det eller (om man vill undvika * html - hacket) att använda en villkorlig kommentar direkt i <head> i HTML-koden typ såhär:

<style type="text/css">
html,body {height: 100%; margin 0; padding 0;}
#container {min-height: 100%}
</style>
<!--[if IE]>
<style type="text/css">
#container {height:100%}
</style>
<![endif]-->

(obs att den villkorliga kommentaren inte funkar inuti en stilmall eller ett stilelement - därav att <style> rabblöas upp dubbelt i exemplet ;)

SONICdustMedlem sedan nov. 2003196 inlägg

2 mars 2006 08:53#5

jarvklo skrev:

Hmm..

Dum fråga - men var det inte den du satte min-height: 305px på ? ;)

#container om sluter och centrerar alla divar, där i kommer #head och #navbar. Sedan kommer #content som omsluter #main och #sidebar. Det är många bakgrundbilder som ska med där av denna lösning.

Första problemet var att inte bakgrundbilden i #content visades rätt. Men då testade jag inte att lägga in mycket text i #main. När jag gjorde det såg jag att #container inte vi följa med sidan helt i Firefox och Opera men ser bra ut i Explorer.

jarvklo skrev:

Annars brukar
html,body {height: 100%; margin 0; padding 0;}
#container {min-height: 100%}
* html #container {height:100%}
funka om vi pratar "ren" CSS- det eller (om man vill undvika * html - hacket) att använda en villkorlig kommentar direkt i <head> i HTML-koden typ såhär:
<style type="text/css">
html,body {height: 100%; margin 0; padding 0;}
#container {min-height: 100%}
</style>

(obs att den villkorliga kommentaren inte funkar inuti en stilmall eller ett stilelement - därav att <style> rabblöas upp dubbelt i exemplet ;)

Jag har kört på som du skriver i ditt andra exempel men får ändå inte till det. Jag har även tittat på ett exempel du har visat för någon annan här på WF men det blir ändå inte bra för min del. Några fler tips?

jarvkloMedlem sedan juli 20013 378 inlägg

2 mars 2006 21:04#6

Hmm..

Mer detaljer skulle underlätta möjligheten att ge dig ett riktigt bra svar...

Om du inte kan/vill/får lägga upp sidan i "mina sidor" eller länka till den så att man kan se helheten har iallafall jag svårt att inse vad felet kan vara i just ditt fall är jag rädd...

SONICdustMedlem sedan nov. 2003196 inlägg

5 mars 2006 12:55#7

jarvklo skrev:

Hmm..

Mer detaljer skulle underlätta möjligheten att ge dig ett riktigt bra svar...

Om du inte kan/vill/får lägga upp sidan i "mina sidor" eller länka till den så att man kan se helheten har iallafall jag svårt att inse vad felet kan vara i just ditt fall är jag rädd...

Kan tyvärr inte visa upp sidan. Jag löste det genom att använda mig av en sidfot. Den löser problemet med bakgrundsbilderna men den hamnar inte helt rätt i IE. Jag vill att sidfoten ska ligga direkt efter #main diven men i IE så hamnar den alltid där #content diven slutar. Men det får jag leva med känns det som.