For some reason on my site, one one of the stylesheets "subtle" (<!-- m --><a class="postlink" href="http://projep.t35.com">http://projep.t35.com</a><!-- m -->\bg\subtle.css) there is a messup with some positioning and width.
The two errors are...
1: the h1 header is too low even though it has margin: 0 padding: 0 position: relative; top: 0; left: 0 and is the first element on the page. on all the other stylesheets it stays where its supposed to.
2: In the "written" box, there is extra space to the right making it have a scrollbar on the bottom. The box has an overflow: auto.
The page's url is <!-- m --><a class="postlink" href="http://projep.t35.com/Try">http://projep.t35.com/Try</a><!-- m --> using position:absolute;top:0;left:0; and then using a top margin in your body styles to keep the content below the header.It works! Thanks lavalamp
Happy to help. |<00|_|\|355... |\|0\/\/ 0|\|2 +#3 53(0|\|<| problem....Originally posted by omega
|<00|_|\|355... |\|0\/\/ 0|\|2 +#3 53(0|\|<| problem....
I consider myself fluent in leet-ese, so, could you explain this second problem?as i said...
2: In the "written" box, there is extra space to the right making it have a scrollbar on the bottom. The box has an overflow: auto.
The page's url is <!-- m --><a class="postlink" href="http://projep.t35.com/Ahhhh">http://projep.t35.com/Ahhhh</a><!-- m -->, doi. Lol.
All it is, is that you have set the width of #uph3 too wide, just take it down a notch from 300px:
#uph3 {
position: absolute; top: 180px; left: 710px; width: 280px;
}
I would also recommend having at least one of your columns with a fluid width. Sure it's OK on 1024x768 but it will be impossible on 800x600 and I dread to think about 640x480.
A good tactic is to have all of the content in each of your columns have a width dependant on the column containing element (div tag usually). Take a look at this (<!-- m --><a class="postlink" href="http://www.fsg-uk.com/">http://www.fsg-uk.com/</a><!-- m -->) site, I designed the entire layout (the side-bars went through a LOT of changes), the site has no horizontal scroll-bars on 640x480 and yet it still looks pretty good on 1024x768 (I don't know about higher resolutions).
By the way, I don't speak leet-ese, all I know is that 1337 means leet, leet means elite and elite means just about anything good. So if you wouldn't mind giving me a quick translation that would be just great.no in the written div, on the subtle stylesheet. and i dont like to do that cuz then text gets hidden if its too small...It's nothing to do with the written div (whatever that means), the div tag that contains "U p d a t e s" is just too wide to fit on the page. All you have to do is reduce it's width and no text will be cut off.
Still waiting on that translation by the way.Originally posted by omega
|<00|_|\|355... |\|0\/\/ 0|\|2 +#3 53(0|\|<| problem....
Koolness... Now onto the second problem....ok let me explain this more clearly. iin the html code there is a div wiith an id named "written". so its the written div. it is in the right corner under the header. this has more content than can fit in the height assigned, and has an overflow: auto. For some reason there is whitespace in that divi making a bottom scrollbar appear. I don't want that whitespace. Also, I wasn't asking about the window's scrollbars at all.Could be that the letter-spacing for the h3 tag is set to 9px in the subtle file, but 2px for the others? (I'm only comparing the subtle file and singed).that wouldnt make sense because the text in the h3 wraps in both mozilla and ie, obeying the width, but the white space still remains.Yeah, I was jus' shootin' the breeze. I really can't find anything that would make this happen. It's very puzzling indeed.
Scroll down to the bottom of the box where it says:
R e c o m m e n d e d
s i t e s . . .
The "R e c o m m e n d e d" is all one word, so it has to stay on one line but it is too wide for the space you allow it so there is a horizontal scrollbar. This help you out any?AHA! I was right!
Look at the "written" div, and scroll down. The heading "recommended sites" is what's stretching the div.
I can almost guarantee you if you change the letter-spacing to something lower your problem will be solved.
NOOOO!!! Lavalamp, you beat me to it!!!!
um. i knew that.
ok that had to be the most obvious problem, lolNever mind Paul, not everyone can be as perfect as I am.
Thanks for the translation by the way, I can sort of pick out the letters now that I know what it says. This doesn't look very much like a D though, "<|".Originally posted by lavalamp
This doesn't look very much like a D though, "<|".
It is supposed to be a lower-case D, but I do get what you mean. *Shrug* I picked all this up on another website, so what I know is what they know.god another 133+ thread?
i suggest |) - vertical line, parantheseWell duh, that's the most obvious choice, and plus that's an upper-case D, what about a lower-case one?!On a parting note (since I assume you have run out of questions to ask), can I draw your attention to the layout advice I gave earlier in the thread:
I would also recommend having at least one of your columns with a fluid width. Sure it's OK on 1024x768 but it will be impossible on 800x600 and I dread to think about 640x480.
A good tactic is to have all of the content in each of your columns have a width dependant on the column containing element (div tag usually). Take a look at this site, I designed the entire layout (the side-bars went through a LOT of changes), the site has no horizontal scroll-bars on 640x480 and yet it still looks pretty good on 1024x768 (I don't know about higher resolutions).Because in Mozilla, Netscape and IE you have a main horizontal scrollbar. Opera doesn't have the h-scrollbar but it does have a few other problems. I also suggest that you test in Opera and see for yourself. If you separate out your layout from your colour schemes as well, that would aid you when updating your site layout sometime in the future perhaps.
By the way, for a lower-case d, I would suggest "d".
I'm off to have my tea now, have fun while I'm gone.i changed the width of the wiut ramblings to a fluid percentage, and also changed the left positioning of everything right of the wiut ramblings to a fluid percentage.
finally, ya gotta check out the new scheme i made. i deleted forest and wet, the new one is a replacement of subtle, and is the main one and uses images. feedback plz!!!!That colour scheme is a little easier on the eyes so well done for that.
On the other hand, I think you need to check out your site on lower resolutions. On 800x600 the "Other articles" text is partially hidden behind the middle column and there is still a horizontal scrollbar due to the style change and copyright banner at the bottom. If you can sort that bottom banner out your page should fit on nicely on a page of 800 width.
I realise that it is hard to get a good layout structure because you have everything in a separate div so that you can move it around, but keep chipping away at it and I'm sure you'll get it in the end.
By the way, why don't you use many images? Just because some users can't see them doesn't mean that you shouldn't use them.well... i dont like pages to take a long time to load, images take a while to make, i need ideas, and pages look ass ugly when theyre loading.
oh yeah, and about my header what do you think? made it last night on photoshop- my base image was a pic of scotland
and at leadt i have some images... see the stripes in the background? 2px height, 1 px width, less than 1kMmm, nice, I like it. finally my page looks good, now i can concentrate on actual content. as soon as i validate my css
and yeah ill have to change some numbas so it looks good on 800*600. if you have 640*w/e, then pages are gonna look screwy no matter what,
The two errors are...
1: the h1 header is too low even though it has margin: 0 padding: 0 position: relative; top: 0; left: 0 and is the first element on the page. on all the other stylesheets it stays where its supposed to.
2: In the "written" box, there is extra space to the right making it have a scrollbar on the bottom. The box has an overflow: auto.
The page's url is <!-- m --><a class="postlink" href="http://projep.t35.com/Try">http://projep.t35.com/Try</a><!-- m --> using position:absolute;top:0;left:0; and then using a top margin in your body styles to keep the content below the header.It works! Thanks lavalamp
Happy to help. |<00|_|\|355... |\|0\/\/ 0|\|2 +#3 53(0|\|<| problem....Originally posted by omega |<00|_|\|355... |\|0\/\/ 0|\|2 +#3 53(0|\|<| problem....
I consider myself fluent in leet-ese, so, could you explain this second problem?as i said...
2: In the "written" box, there is extra space to the right making it have a scrollbar on the bottom. The box has an overflow: auto.
The page's url is <!-- m --><a class="postlink" href="http://projep.t35.com/Ahhhh">http://projep.t35.com/Ahhhh</a><!-- m -->, doi. Lol.
All it is, is that you have set the width of #uph3 too wide, just take it down a notch from 300px:#uph3 {
position: absolute; top: 180px; left: 710px; width: 280px;
}
I would also recommend having at least one of your columns with a fluid width. Sure it's OK on 1024x768 but it will be impossible on 800x600 and I dread to think about 640x480.
A good tactic is to have all of the content in each of your columns have a width dependant on the column containing element (div tag usually). Take a look at this (<!-- m --><a class="postlink" href="http://www.fsg-uk.com/">http://www.fsg-uk.com/</a><!-- m -->) site, I designed the entire layout (the side-bars went through a LOT of changes), the site has no horizontal scroll-bars on 640x480 and yet it still looks pretty good on 1024x768 (I don't know about higher resolutions).
By the way, I don't speak leet-ese, all I know is that 1337 means leet, leet means elite and elite means just about anything good. So if you wouldn't mind giving me a quick translation that would be just great.no in the written div, on the subtle stylesheet. and i dont like to do that cuz then text gets hidden if its too small...It's nothing to do with the written div (whatever that means), the div tag that contains "U p d a t e s" is just too wide to fit on the page. All you have to do is reduce it's width and no text will be cut off.
Still waiting on that translation by the way.Originally posted by omega
|<00|_|\|355... |\|0\/\/ 0|\|2 +#3 53(0|\|<| problem....
Koolness... Now onto the second problem....ok let me explain this more clearly. iin the html code there is a div wiith an id named "written". so its the written div. it is in the right corner under the header. this has more content than can fit in the height assigned, and has an overflow: auto. For some reason there is whitespace in that divi making a bottom scrollbar appear. I don't want that whitespace. Also, I wasn't asking about the window's scrollbars at all.Could be that the letter-spacing for the h3 tag is set to 9px in the subtle file, but 2px for the others? (I'm only comparing the subtle file and singed).that wouldnt make sense because the text in the h3 wraps in both mozilla and ie, obeying the width, but the white space still remains.Yeah, I was jus' shootin' the breeze. I really can't find anything that would make this happen. It's very puzzling indeed.
Scroll down to the bottom of the box where it says:R e c o m m e n d e d
s i t e s . . .
The "R e c o m m e n d e d" is all one word, so it has to stay on one line but it is too wide for the space you allow it so there is a horizontal scrollbar. This help you out any?AHA! I was right!
Look at the "written" div, and scroll down. The heading "recommended sites" is what's stretching the div.
I can almost guarantee you if you change the letter-spacing to something lower your problem will be solved.
NOOOO!!! Lavalamp, you beat me to it!!!!
um. i knew that.ok that had to be the most obvious problem, lol
Never mind Paul, not everyone can be as perfect as I am. Thanks for the translation by the way, I can sort of pick out the letters now that I know what it says. This doesn't look very much like a D though, "<|".Originally posted by lavalamp
This doesn't look very much like a D though, "<|".
It is supposed to be a lower-case D, but I do get what you mean. *Shrug* I picked all this up on another website, so what I know is what they know.
god another 133+ thread? i suggest |) - vertical line, parantheseWell duh, that's the most obvious choice, and plus that's an upper-case D, what about a lower-case one?!On a parting note (since I assume you have run out of questions to ask), can I draw your attention to the layout advice I gave earlier in the thread:
I would also recommend having at least one of your columns with a fluid width. Sure it's OK on 1024x768 but it will be impossible on 800x600 and I dread to think about 640x480.
A good tactic is to have all of the content in each of your columns have a width dependant on the column containing element (div tag usually). Take a look at this site, I designed the entire layout (the side-bars went through a LOT of changes), the site has no horizontal scroll-bars on 640x480 and yet it still looks pretty good on 1024x768 (I don't know about higher resolutions).Because in Mozilla, Netscape and IE you have a main horizontal scrollbar. Opera doesn't have the h-scrollbar but it does have a few other problems. I also suggest that you test in Opera and see for yourself. If you separate out your layout from your colour schemes as well, that would aid you when updating your site layout sometime in the future perhaps.
By the way, for a lower-case d, I would suggest "d".
I'm off to have my tea now, have fun while I'm gone.i changed the width of the wiut ramblings to a fluid percentage, and also changed the left positioning of everything right of the wiut ramblings to a fluid percentage.
finally, ya gotta check out the new scheme i made. i deleted forest and wet, the new one is a replacement of subtle, and is the main one and uses images. feedback plz!!!!That colour scheme is a little easier on the eyes so well done for that.
On the other hand, I think you need to check out your site on lower resolutions. On 800x600 the "Other articles" text is partially hidden behind the middle column and there is still a horizontal scrollbar due to the style change and copyright banner at the bottom. If you can sort that bottom banner out your page should fit on nicely on a page of 800 width.
I realise that it is hard to get a good layout structure because you have everything in a separate div so that you can move it around, but keep chipping away at it and I'm sure you'll get it in the end.
By the way, why don't you use many images? Just because some users can't see them doesn't mean that you shouldn't use them.well... i dont like pages to take a long time to load, images take a while to make, i need ideas, and pages look ass ugly when theyre loading.
oh yeah, and about my header what do you think? made it last night on photoshop- my base image was a pic of scotland
and at leadt i have some images... see the stripes in the background? 2px height, 1 px width, less than 1k
Mmm, nice, I like it. finally my page looks good, now i can concentrate on actual content. as soon as i validate my css and yeah ill have to change some numbas so it looks good on 800*600. if you have 640*w/e, then pages are gonna look screwy no matter what,