webForumDet fria alternativet

faux kolumner i IE 6?

HTML & CSS

3 svar · 232 visningar · startad av conaj

Medlem sedan nov. 20041 inlägg
Frågan#1

Hej!

Har problem med att få listaparts faux kolumner att fungera i IE.

Jag vill ha en centrerad design. Med en kolumn som sträcker sig ända ner till botten.
http://www.alistapart.com/articles/fauxcolumns/

Detta ska man då lösa via en bakgrundsbild som är lika stor som kolumnen och är centrerad. Funkar fint i Firefox och Opera men inte i IE.

Då jag ändrar storleken på bredden i IE så flyttas bakgrundsbilden (eller diven) 1 pixel till vänster.

Why?

Någon som har förslag på en centrerad kolumn som sträcker sig ända ner till botten på webbläsaren?

/Cona

Medlem sedan apr. 20003 174 inlägg
#2

Har själv haft strul med liknande design, jag löste det dock som så att jag skapade en extra bakgrundsbild för IE, där blocket ligger 1px mer till vänster den den ordinarie bakgrunden. Sedan använde jag följande kod på sidan för att läsa in den bakgrunden istället då besökaren använder IE.
Ok, detta är kanske en sk. ful-lösning men det var det enda som jag hann med att testa, och det fungerar juh. ;)

[red]<head>

	<!--[if IE]>
	<style type="text/css">
		html,body { background: #fff url(gfx/page_bg_ie.gif) repeat-y center; }
	</style>
	<![endif]-->

</head>[/red]
Medlem sedan jan. 2000978 inlägg
#3

Om du har en wrapper-div så funkar det bättre att lägga bakgrundsbilden i den, istället för i body.
http://www.webforum.nu/showthread.php?s=&postid=884220#post884220

Medlem sedan juli 2003303 inlägg
#4

Vill man att bakgrunden ska vara ner till botten av sidan så får man se till att den bredden har ett jämt antal pixlar, annars blir det väl fel i avrundning och så. Upplevde det nyss i firefox.

251 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)