3 replies [Last post]
compmatt
Offline
Regular
Last seen: 16 years 39 weeks ago
Joined: 2003-11-05
Posts: 28
Points: 0

I had the layout up here that I based this one from a while back, but the css is quite different.

(I have not fixed it for Netscape 4.X yet)

here it is: http://www.templeofdagon.com/temple1

and the css: http://www.templeofdagon.com/temple1/main.css

Here is a low quality image of what it should look like if you are so inclined:

http://www.templeofdagon.com/temple1/images/layout.jpg

I had to do some weird (at least i think they are.. who knows) things to get a few parts the way I wanted them.. Has been tested in IE 6, Netscape 7, and Opera 7.

Thanks.

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 38 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

One more layout

looks the same in Firebird 0.7 as it does in IE6 - well done.

Regards
Day

The only way to learn is to do it yourself

compmatt
Offline
Regular
Last seen: 16 years 39 weeks ago
Joined: 2003-11-05
Posts: 28
Points: 0

One more layout

I noticed a little problem..

in Opera it looks like the elder sign (star looking thing on the bottom) is shifted up a pixel or two.. any ideas? Hopefully I can figure it out tomorrow.

Edit: Looks like it's a problem in Mac IE 5.2, and Safari too

compmatt
Offline
Regular
Last seen: 16 years 39 weeks ago
Joined: 2003-11-05
Posts: 28
Points: 0

One more layout

Ok folks, this is my last post in for this thread Smile

Heres the changes I just made,

I removed the 100% height tricks, since it was giving me problems on some browsers.. I realized I could just use a body background image (repeating solid white bar) to get a perfect effect.

I also removed the weirdly coded image on the bottom bar.. everything should be a lot more (cross) browser friendly.

I just am wondering if this technique for aligning text both left and right in a div will cause problems on anything.

<div id="header2">
  <div style="float: left; clear:left;">
    left text 					
  </div>
  <div style="float: right; clear:right;">
    right text
  </div>
</div>

Thanks for looking!