Not signed in (Sign In)
Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.
-
- CommentAuthorPrinceZane
- CommentTimeMay 16th 2007
Greetings,
Thanks for taking the time to read through this. First off, I'd like to say that I'm very very new to adding script into my pages. Hopefully my issue is simple/smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />
My page consists of 2 frames on the "index" page: "main" and "menu". There will be many more, but I'm just trying to get the basic template down for now.
The page is set up to have approx 20% of the site at the top as 1 frame (menu), and the bottom portion the other frame (main).
The issue is, the "menu" frame has a table built inside, and is showing up fine IE. However, when trying to view in Firefox gives part of the script at the top, followed by a lot of blank space. After scrolling a bit, I can see the able fine.
The code is as follows (from the menu.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
menu
</title>
<style type="text/css">
<!--* pushes the page to the full capacity of the viewing area -->
html {height:100%;}
body {height:100%; margin:0; padding:0;}
<!-- prepares the background image to full capacity of the viewing area -->
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
<!-- places the content ontop of the background image -->
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
<!-- some css fixes for IE browsers -->
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>
<body>
<div id="bg"><img src="bkbg.jpg" width="100%" height="100%" alt=""></div>
<table style="text-align: left; width: 100%; height: 100%;" border="7" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width: 200px; height: 37px;">
<center>
<img src="logo.gif" alt="XXXXXXXX">
</center>
</td>
<td colspan="1" rowspan="2">
<center>
|<a href="main.html">link</a>| |<a href="main.html">link</a>| |<a href="main.html">link</a>| |<a href="main.html">link</a>| |<a href="main.html">link</a>| |<a href="main.html">link</a>| |<a href="main.html">link</a>| |<a href="main.html">link</a>|
</center>
</td></tr>
<tr>
<td style="height: 37px;">
Questions, comments, or suggestions<br> about the website:<br>
<a href="mailto:princezane@innsomnia.com">Let me know via E-mail!</a>
</td></tr>
</tbody>
</table>
</body>
</html>
I noticed that the line...
<!--[if IE 6]>
... started as a comment, didn't have an end tag. So I changed this to show...
<!--[if IE 6]-->
... and it worked in Firefox, but now broke in IE (showing the if IE line, just like firefox was showing the overflow lines...)
Any idea on how to make this work (either with this code or a new set). I found this code off of another website, that worked fine in both, but I forget the source.
Thanks in advance.
<Edit>
The main reason for this code, in case anyone knows an alternative way to the script code, is to make the background image for this frame stretch instead of tile... Thanks again
</Edit> -
- CommentAuthorjiosis
- CommentTimeMay 17th 2007
Remove this line from your original code:QUOTE<!-- some css fixes for IE browsers -->
and it should work fine
So it will be something like:QUOTE
<!--[if IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]--> -
- CommentAuthorPrinceZane
- CommentTimeMay 17th 2007
QUOTE(jiosis @ May 17 2007, 08:20 PM) 1269
Remove this line from your original code:
and it should work fine
So it will be something like:
[/quote]
Alright! Well, that fixed the mean script thing from popping up. Now at the other part of the issue:
IE is showing up perfect (still, thanks -
- CommentAuthorjiosis
- CommentTimeMay 17th 2007
Do you have a design screenshot from what you want to do , or even the URL of the page you are working on ?
I will be glad to take a look at it. -
- CommentAuthorPrinceZane
- CommentTimeMay 18th 2007
QUOTE(jiosis @ May 17 2007, 11:12 PM) 1272
Do you have a design screenshot from what you want to do , or even the URL of the page you are working on ?
I will be glad to take a look at it.
[/quote]
Yes and no...
The site isn't published yet, but I could easily get it. The only problem is, I've been playing with it as a side project at work and I'm at home...
I'll have someone send me the files since I'm off the next 2 days and figure out something to do with them.
Thanks for the offer, I hope to have something for you soon
<Edit>
Added screen shots. Hope this helps. If not, I can get any/all info when I get back to work Sunday. -
- CommentAuthorjiosis
- CommentTimeMay 19th 2007
Hi, sorry for late reply,
The fact is I don't get the reason you use this method for background image ?
Ok,
RemoveQUOTE<div id="bg"><img src="bkbg.jpg" width="100%" height="100%" alt=""></div>
and instead use:QUOTE<body style="background:url(bkbg.gif) top left no-repeat;">
for the body tag.
I think it resolves your problem.
But anyway I'm usually against the idea of using frames
Hope it helps,
Please let me know. -
- CommentAuthorPrinceZane
- CommentTimeMay 19th 2007
QUOTE(jiosis @ May 19 2007, 09:37 AM) 1274
Hi, sorry for late reply,
The fact is I don't get the reason you use this method for background image ?
Ok,
Remove
and instead use:
for the body tag.
I think it resolves your problem.
But anyway I'm usually against the idea of using frames
Hope it helps,
Please let me know.
[/quote]
Thanks. I'll test it tomorrow
The reason for this is because I was looking for a way to make the background image stretch instead of tile. I couldn't find any tags to help, but eventually found a website and just borrowed his code. Everything was fine until I FF tested, haha.
I'll let you know how things turn out. If you have a better alternative, I definitely don't mind using it.
The reason for the frame was to keep the 1/2 stationary, 1/2 scrolling ability I mentioned earlier, and b. a learning experience because i've never played with them before -
- CommentAuthorjiosis
- CommentTimeMay 19th 2007
Great,
The style you see I used for body tag, doesn't do exactly what you want, it starts the background from top left corner without repeating it but it won't stretch it, if you need the background to be stretched I will try to find another solution later.
Regarding having a part stationary and a part scrolling, it also can be done using div tags instead of frames
I'm not a css pro but there are people who do everything using css and div tags.
Anyway let us know.
Cheers,
Soroush -
- CommentAuthorPrinceZane
- CommentTimeMay 20th 2007
Will do mate. I'll try to put the pages on my domain so you can take a look if you want.
I've never messed with css or div tags really. All my stuff has been basic and sloppy code. This is my first attempt at "real" and semi "not-so-myspace/aol webpage" site. Ha!
<Edit>
Just got into work and ftp'd the files over. The link is: www.innsomnia.com
I tested and the issue is the same: works in IE (6.0) but not in FireFox (2.0.0.3). I do not have a way to test IE 7
Hope this helps.
<Edit 2> The same issue happens in IE 7.0. Just had a friend test. -
- CommentAuthorjiosis
- CommentTimeMay 20th 2007
Hi,
I just took a look at your source files at your website.
I don't see you use my code ! It's your old code withQUOTE<div id="bg"><img src="bkbg.jpg" width="100%" height="100%" alt=""></div>[/quote]
can you please remove it and add the style to body tag and see how it works ?
Thanks -
- CommentAuthorPrinceZane
- CommentTimeMay 20th 2007
QUOTE(jiosis @ May 20 2007, 07:15 PM) 1278
Hi,
I just took a look at your source files at your website.
I don't see you use my code ! It's your old code with
can you please remove it and add the style to body tag and see how it works ?
Thanks
[/quote]
You're my hero.
Works great! -
- CommentAuthorjiosis
- CommentTimeMay 20th 2007
Great,
I still see the old code on your site but anyways if it works, it won't stretch the background image and instead use it without repeating it so you can edit the background image and make it the size you like but if you really need the background to be stretched let me know I will try to find a way for that.
Cheers,
Soroush -
- CommentAuthorPrinceZane
- CommentTimeMay 20th 2007
QUOTE(jiosis @ May 20 2007, 08:02 PM) 1280
Great,
I still see the old code on your site but anyways if it works, it won't stretch the background image and instead use it without repeating it so you can edit the background image and make it the size you like but if you really need the background to be stretched let me know I will try to find a way for that.
Cheers,
Soroush
[/quote]
I would prefer the image to be stretched, but if not - that's not nearly as crucial.
Sorry, I was looking at the images and haven't uploaded them. It should be fixed now.
The background imsge isn't coming onto the table at all now. I've modified the code a bit, but can't seem to get it to pop back on. -
- CommentAuthorjiosis
- CommentTimeMay 20th 2007
I see, sorry about it.
Please remove and replace
body {height:100%; margin:0; padding:0;}
with
body {
height:100%;
margin:0;
padding:0;
background:url(bkbg.jpg) top left no-repeat;
}
Also remove the whole style section from <body> tag.
Now It SHOULD work but won't stretch bg.
Cheers,
and it will use the background -
- CommentAuthorPrinceZane
- CommentTimeMay 20th 2007
QUOTE(jiosis @ May 20 2007, 10:51 PM) 1282
I see, sorry about it.
Please remove and replace
body {height:100%; margin:0; padding:0;}
with
body {
height:100%;
margin:0;
padding:0;
background:url(bkbg.jpg) top left no-repeat;
}
Also remove the whole style section from <body> tag.
Now It SHOULD work but won't stretch bg.
Cheers,
and it will use the background
[/quote]
Awesome, thanks mate
P.s. How do you want to be credited for all this help? Haha! -
- CommentAuthorjiosis
- CommentTimeMay 21st 2007
Sorry I couldn't check the forum since morning because of an internet problem.
Hope it works but please let us know the result.QUOTE(PrinceZane @ May 20 2007, 10:15 PM) 1283
P.s. How do you want to be credited for all this help? Haha!
[/quote]
No problem, I'm going to send you the invoice.
LOL
Cheers,
Soroush -
- CommentAuthorPrinceZane
- CommentTimeMay 21st 2007
QUOTE(jiosis @ May 21 2007, 05:52 PM) 1284
Sorry I couldn't check the forum since morning because of an internet problem.
Hope it works but please let us know the result.
No problem, I'm going to send you the invoice.
LOL
Cheers,
Soroush
[/quote]
A gentleman and scholar you are indeed.
Alls well. Now all I have to do is work on the color scheme and get the other pages mapped right.
A million thanks good sir. I can't think of anything (technical) that needs done at this point, haha. -
- CommentAuthorjiosis
- CommentTimeMay 22nd 2007
Glad see your problem is resolved.
Please feel free to post here or send me PM if there was anything else you need.
Cheers,
Soroush -
- CommentAuthorPrinceZane
- CommentTimeMay 22nd 2007
QUOTE(jiosis @ May 22 2007, 08:54 AM) 1286
Glad see your problem is resolved.
Please feel free to post here or send me PM if there was anything else you need.
Cheers,
Soroush
[/quote]
Will do. You've made quite a good impression on the site and it's community. I hope to be able to return the favor sometime.
Cheers!
1 to 19 of 19