Well, I finally gave up on my ISP and grabbed some webspace from webspace4free. I'm still working on that same project but I've run into a few problems. I'm trying to have a few background elements occur around my content box. Anyway, in this case, it's a lot easier to show than to tell. Images are (c) Me, as if that ever stopped anyone 
I exported a PNG from illustrator showing the layout in its unchopped form. This (<!-- m --><a class="postlink" href="http://terov.webspace4free.biz/layout-render.png">http://terov.webspace4free.biz/layout-render.png</a><!-- m -->) is that file.
Here (<!-- m --><a class="postlink" href="http://terov.webspace4free.biz/test.html">http://terov.webspace4free.biz/test.html</a><!-- m -->) is what I've got so far. There are some problems in IE, where the main content area weirdly covers some of the bordering images. The big problem is the background.
There are the vertical lines, which I want to occur all the way down the page, and then the footer for that, where I plan to place contact information. The problem with that is I can't get the vertical lines to go all the way down the page (when there's a scrollbar) and I can't get the footer and the rounded corner of the background lines associated with it to occur below the main content area. I've tried a number of things but can't get it to happen, and I certainly can't get it to happen cross-browser.
This (<!-- m --><a class="postlink" href="http://terov.webspace4free.biz/testing.css">http://terov.webspace4free.biz/testing.css</a><!-- m -->) is the css file. The issues of particular frustration to me live in this snippet:
#decor2 {
z-index: 25;
position: absolute; left: 0px; top: 0px;
width: 258px; height: 100%;
background: url(original/bglines.gif) repeat-y top right;
}
#decor3 {
z-index: 35;
position: relative; left 0px; top: 0px;
width: 100%; height: 100%;
background: url(original/linesB.gif) repeat-x bottom right;
}
#decor4 {
z-index: 50;
position: absolute; left: 228px; top: 600px;
width: 73px; height: 76px;
background: url(original/linesBcorner.gif) no-repeat bottom left ;
}
Help would be fantastic. I wish I could give more back to this forum, but most of the topics are unfortunately over my head. I'll keep working on it though, and don't doubt that I'll be able to share and share alike knowledge in a little while
I just took a look at your png file, and I would recommend that you float: left; your objects. You will spend a LOT of time getting everything to wotk well with NS and IE both. HOWEVER, it can be done. You're design is not really pushing the limits of CSS, and therefore you should be in good shape.
I hope that helps.
Have a good one!Whew... So do you mean float all my objects left or just the decorative background ones?
Incidentally, it looks like their server is down at the moment. I guess you get what you pay for. Anyway, hopefully everything is up by the time you (whoever you are) read this message.
Also, I definitely need help with the IE problem, that is, covering the background of my main content window with a flat color.
Thanks you guys.Rummage around at <!-- w --><a class="postlink" href="http://www.alistapart.com">www.alistapart.com</a><!-- w --> and see if you can get some ideas there. I can hardly see the content of you page because it's so dark overall.I read A List Apart voraciously. Unfortunately it hasn't lent any insight into my current dilemmas.
The page certainy isn't that dark on my monitor, and I thought my gamma settings were pretty typical. That's what I get for using subtle colors. Argh.
Thanks anyway.Originally posted by terov
The page certainy isn't that dark on my monitor, and I thought my gamma settings were pretty typical.
Not that dark on my monitor either...
I exported a PNG from illustrator showing the layout in its unchopped form. This (<!-- m --><a class="postlink" href="http://terov.webspace4free.biz/layout-render.png">http://terov.webspace4free.biz/layout-render.png</a><!-- m -->) is that file.
Here (<!-- m --><a class="postlink" href="http://terov.webspace4free.biz/test.html">http://terov.webspace4free.biz/test.html</a><!-- m -->) is what I've got so far. There are some problems in IE, where the main content area weirdly covers some of the bordering images. The big problem is the background.
There are the vertical lines, which I want to occur all the way down the page, and then the footer for that, where I plan to place contact information. The problem with that is I can't get the vertical lines to go all the way down the page (when there's a scrollbar) and I can't get the footer and the rounded corner of the background lines associated with it to occur below the main content area. I've tried a number of things but can't get it to happen, and I certainly can't get it to happen cross-browser.
This (<!-- m --><a class="postlink" href="http://terov.webspace4free.biz/testing.css">http://terov.webspace4free.biz/testing.css</a><!-- m -->) is the css file. The issues of particular frustration to me live in this snippet:
#decor2 {
z-index: 25;
position: absolute; left: 0px; top: 0px;
width: 258px; height: 100%;
background: url(original/bglines.gif) repeat-y top right;
}
#decor3 {
z-index: 35;
position: relative; left 0px; top: 0px;
width: 100%; height: 100%;
background: url(original/linesB.gif) repeat-x bottom right;
}
#decor4 {
z-index: 50;
position: absolute; left: 228px; top: 600px;
width: 73px; height: 76px;
background: url(original/linesBcorner.gif) no-repeat bottom left ;
}
Help would be fantastic. I wish I could give more back to this forum, but most of the topics are unfortunately over my head. I'll keep working on it though, and don't doubt that I'll be able to share and share alike knowledge in a little while
I just took a look at your png file, and I would recommend that you float: left; your objects. You will spend a LOT of time getting everything to wotk well with NS and IE both. HOWEVER, it can be done. You're design is not really pushing the limits of CSS, and therefore you should be in good shape.I hope that helps.
Have a good one!Whew... So do you mean float all my objects left or just the decorative background ones?
Incidentally, it looks like their server is down at the moment. I guess you get what you pay for. Anyway, hopefully everything is up by the time you (whoever you are) read this message.
Also, I definitely need help with the IE problem, that is, covering the background of my main content window with a flat color.
Thanks you guys.Rummage around at <!-- w --><a class="postlink" href="http://www.alistapart.com">www.alistapart.com</a><!-- w --> and see if you can get some ideas there. I can hardly see the content of you page because it's so dark overall.I read A List Apart voraciously. Unfortunately it hasn't lent any insight into my current dilemmas.
The page certainy isn't that dark on my monitor, and I thought my gamma settings were pretty typical. That's what I get for using subtle colors. Argh.
Thanks anyway.Originally posted by terov
The page certainy isn't that dark on my monitor, and I thought my gamma settings were pretty typical.
Not that dark on my monitor either...