Page 1 of 2

The bridge

Posted: Wed Jan 07, 2009 9:54 pm
by TPoptarts
The bridge section and all the fics posted in it work fine in Firefox. But with IE7 everything's messed up, the background image is posted at the top as an image not a background and the background itself is white, then there's the bridge banner under that, and then the text under the banner. The banner and text are on the white background under what's supposed to be the background image. And it's hard to read :?

Re: The bridge

Posted: Wed Jan 07, 2009 11:13 pm
by Distracted
That's what I'm seeing, too.

Re: The bridge

Posted: Wed Jan 07, 2009 11:30 pm
by Asso
Distracted wrote:That's what I'm seeing, too.

Yes.

Re: The bridge

Posted: Thu Jan 08, 2009 12:13 am
by justTripn
I see a very striking dark black and blue background, an image of the Earth.

Re: The bridge

Posted: Thu Jan 08, 2009 2:24 am
by Alelou
I see what T'PopTarts and Distracted mentioned -- a bizarrely large (and fairly slow to download) image at the top, a little bridge image just underneath it, then light grey text on a white background. It's unreadable.

Interesting that it works on Firefox, but I'm afraid this particular css ain't degrading gracefully when it hits other browsers.

Re: The bridge

Posted: Thu Jan 08, 2009 1:23 pm
by Elessar
Alelou wrote:I see what T'PopTarts and Distracted mentioned -- a bizarrely large (and fairly slow to download) image at the top, a little bridge image just underneath it, then light grey text on a white background. It's unreadable.

Interesting that it works on Firefox, but I'm afraid this particular css ain't degrading gracefully when it hits other browsers.


Hey, I'm sorry guys, I'll talk with dark_rain. I must have used some code that IE7 doesn't like. I thought I built in universality with other browsers, but I only half-know what I'm doing :lol:.

My apologies, stay tuned.

Re: The bridge

Posted: Thu Jan 08, 2009 1:29 pm
by Elessar
Hey someone check out just the bridge main page "bridge.html". Someone who uses IE7, lemme know if it looks the same or if it's fixed. Thanks.

Also take a look at Buurman's "Illicit Videos" fic. It's a testbed right now. Let me know if it is fixed or not.

John

Re: The bridge

Posted: Thu Jan 08, 2009 2:44 pm
by Alelou
Well, the beginning of the story is over the background image, but the background image doesn't last very long and then it's light grey type over white again. And the background image has areas of white on it which interferes with any type that falls over it.

Why not just follow the nicely cohesive design of all the other sections and plug your bridge image in at the top and plug in a different background color behind the text? I applaud your creativity, but sometimes simpler is better.

Re: The bridge

Posted: Thu Jan 08, 2009 7:55 pm
by Buurman
In FF the 'earth'-pic stays still as the background while the foreground (text, comment-panel, bridge-pic) scrolls óver it.

The main issue seems to be that in IE the 'earth'-pic scrolls right along with the foreground text, meaning that if you scroll down to below the earth picture you see the default background color (which does indeed create quite an unreadable effect ;)

Re: The bridge

Posted: Thu Jan 08, 2009 11:47 pm
by TPoptarts
Alelou wrote:Well, the beginning of the story is over the background image, but the background image doesn't last very long and then it's light grey type over white again.

Yeah that's the same thing I get with IE7. :?

Your code looks kinda complex for such a simple page design though. Yikes div tags :? :shock: have you tried something like this for the background (tested on IE6, IE7 and Firefox, dunno about other browsers)
body
{ background-image: url(http://triaxiansilk.com/images/bridge_wallpaper_test2.jpg);
background-attachment: fixed;}

BTW the large background image makes the scrolling of the text kinda slow.

Re: The bridge

Posted: Fri Jan 09, 2009 4:05 am
by Dusalis Drake
If you want the background to resize with the window then replace the corresponding original code with this:

Code: Select all

<style type="text/css">
html, body { margin:0; padding:0; width:100%; height:100%; overflow:hidden; color: #fff;}
a { color: #fff; }
#bg {position:absolute; z-index:0; width:100%; height:100%;}
#bg img {width: 100%; height: 100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:1;}
#content {position:relative; z-index:1;}
</style>
</head>
<body>
<div id="bg"><img src="http://www.triaxiansilk.com/images/bridge_wallpaper_test2.jpg" alt="The Bridge" /></div>
<div id="scroller">
<div id="content">
...of course closing the "scroller" div after the "content" div closes
This should work with both IE and FF.

Re: The bridge

Posted: Wed Jan 14, 2009 3:31 pm
by Elessar
I think mjimeyg did something... Is it fixed for you IE folks yet?

Re: The bridge

Posted: Wed Jan 14, 2009 4:27 pm
by Alelou
Looks exactly the same to me: one huge picture that sloooowly downloads, under which you get the Enterprise header, followed by the story in light grey type over a white background.

And yes, I hit refresh.

This to me is at least slightly preferable to trying to read white type over a dark picture that has white highlights in it, however dramatic and cool it may be.

Legibility is our friend.

Re: The bridge

Posted: Wed Jan 14, 2009 9:39 pm
by mjimeyg
Unfortunately I misread the pm's and messages and thought the issues HAD been fixed as opposed to NEEDED to be fixed.

Regardless, the issues should now be sorted. I tested The Bridge under IE, FireFox and Safari... it all seems to work.

I also compressed the file size of the background so it should load a little faster... but IE is notoriously slow so there is not much that can be done about that for those of you fighting Microsoft.

Re: The bridge

Posted: Wed Jan 14, 2009 9:51 pm
by TPoptarts
Well the fics work on IE7 the way they're supposed to, but the main bridge page still shows like this
Alelou wrote:Well, the beginning of the story is over the background image, but the background image doesn't last very long and then it's light grey type over white again.

Oh and it also says "main engineering" instead of bridge :p