The bridge

TPoptarts · Postby **TPoptarts** » Wed Jan 07, 2009 9:54 pm

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

Postby **Distracted** » Wed Jan 07, 2009 11:13 pm

That's what I'm seeing, too.

Asso · Postby **Asso** » Wed Jan 07, 2009 11:30 pm

Distracted wrote:That's what I'm seeing, too.

Yes.

Postby **justTripn** » Thu Jan 08, 2009 12:13 am

I see a very striking dark black and blue background, an image of the Earth.

Alelou · Postby **Alelou** » Thu Jan 08, 2009 2:24 am

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.

Postby **Elessar** » Thu Jan 08, 2009 1:23 pm

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.

Postby **Elessar** » Thu Jan 08, 2009 1:29 pm

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

Alelou · Postby **Alelou** » Thu Jan 08, 2009 2:44 pm

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.

Buurman · Postby **Buurman** » Thu Jan 08, 2009 7:55 pm

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

TPoptarts · Postby **TPoptarts** » Thu Jan 08, 2009 11:47 pm

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

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.

Dusalis Drake · Postby **Dusalis Drake** » Fri Jan 09, 2009 4:05 am

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.

Postby **Elessar** » Wed Jan 14, 2009 3:31 pm

I think mjimeyg did something... Is it fixed for you IE folks yet?

Alelou · Postby **Alelou** » Wed Jan 14, 2009 4:27 pm

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.

Postby **mjimeyg** » Wed Jan 14, 2009 9:39 pm

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.

TPoptarts · Postby **TPoptarts** » Wed Jan 14, 2009 9:51 pm

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

Triaxiansilk.com

The bridge

The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Re: The bridge

Who is online