CSS - Viewing At 800x600
Site
CSS I've been making that for a few days now. It used to be larger, but didn't fit on an 800x600 display. I resized the three sliced BG images down to 641px from 684px. I resized #main to 768px. I chose 641px for this reason... The left side BG is 125px wide. The border for #main is 2px. 641 + 125 + 2 = 768px Right? Is my thinking clear? It all looks great in all 3 major browser, IE, FF, and Opera! I'm stoked! I have FF, but I did not have that developer extension. So, I downloaded it. This is GREAT! Now, when I resize to 800x600, the window I had it in shrinks, and I STILL get a horizontal scrollbar. I don't care about a vertical scrollbar. I'm not worried about that, but I don't understand why I get a horizontal scrollbar. Is there some web development piece of info I don't have, or am I just doing something wrong. Now, let me also say that the entire page still actually fits on screen at 800x600, meaning that all text is still visible, and all links/images can be seen, but the fact that there is a scrollbar at all annoys me... Please have a look-see, and tell me what you think, folks. All in all, how do I ensure that anyone with any screen can effectively view this site? Chris Similar TutorialsI have created a small website to test something out. It only has the one <div> tag which is set to 780px. margins and padding on the body tag have been set to 0px but still i get a horizontal scrollbar in IE when at 800x6000 resolution. Why?! you can see what i mean bu going to... http://www.impulsive-solutions.co.u...uy/template.htm I have a site that fits all resolutions except the dreaded 800X600. I actually want to page to overflow with a horizontal scrollbar but I've had some problems getting there. Is there a simple way to accomplish this with a fluid design?? Thanks I am curious to know what many of you think about the design consideration for 800 x 600. I am about to start a major project and am considering going to a fixed width of 1024 instead of my current default of 770. As I see it only about 1 of 10 use 800 x 600, and I think that will go down in the not too distant future. I wouln't mind learing how to scale a site so it looks good in any resolution but as I understand it you can not scale images that many of my site layouts depend on. Tom I have having trouble with CSS alignment when dealing with IE7 If i have 2 DIV tags (one inside the other) and set 10px padding for the first DIV tag and the set the left hand alignment of second DIV tag to 50% the left hand edge will be 50% plus the padding where as in FireFox and Safari it does not matter that there is padding it still aligns up to the 50% line. Can any body point me in the direction of a fix? Thanks anyway to disable a user from viewing your css source? not particular for me but, i think there might be a way with php in the css file, but it still displays the code when i go to the file I'm sure this is something stupid and simple I've overlooked.. So I am hoping that someone here can see what I am missing here.. I am FINALLY in the home stretch for this site, and I cannot for the life of me figure this out.. This only happens on the gallery pages.. The side border disappears when viewing the site in IE7 but ONLY under the Vista OS.. (At home I have IE7 and WinXP and the gallery pages display just fine..) http://clients.overthehillweb . com/hairisle/index.php?main_page=page&id=2&chapter=0 What the is different with IE7 and Vista? Screenshot of what's happening: http://i25.tinypic . com/2gtq4jr.png Perhaps a better question is this.. It appears that my method for applying that border to the center content and dropdown nav menu is not working well under IE7 with Vista (and for some folks XP and IE7). Is there a better way to apply this border to the center content and the nav menu that WILL work with IE7?? Hi, I am facing a problem while viewing tables in Firefox 1.5.0.1. Everything is fine till the number of rows are less than the table height. As soon as it increases the height, the scroll bard donesn't appear. Instead, it overlaps with the rest of the area. It worked fine in the older versions in IE, Mozilla and Firefox. But now it depending on the height, it hides the rest of the user area as it overlaps it. Can anyone help ? Thanks Hello, I have a menu of <a> tags and when the user is on the page that the <a> tag goes to how do I keep it a different color than the rest of the <a> tags on that page? I tried a.active and it does not work. Also this page is dynamic so the nav menu is repeated often and is one block of code. Setting a different class according to each page is not an option. Thanks for the help. When I view my Dreamweaver CS4 html page on Firefox, the AP elements I used on it are not viewing properly. They are getting bumped down a bit and thus misaligning with other elements on the page. Any suggestions? Thanks. if you take a look at http://www.cherrysociety.com/mag/art/ you'll see it works fine in IE, but when it is viewed in firefox it's so messed up. can anyone help me? tell me what i've done wrong? the css is at http://www.cherrysociety.com/mag/style.css thanks guys, i appreciate it a lot. So I have a myspace, and I like things neat and compact. And I like filling out lots of long surveys that most likely no one will ever read, and posting them on my myspace. But when I do that, my page becomes very long and I don't like that. So my idea was something like this: There would be a series of links across the top that would correspond to the various surverys and/or other content that I deem necessary to share with the world. The many users who visit my page looking for more details about my life click on the link of their choice. The box below all the links shows that particular survey. They read it all, and of course want more, so they click the next link. And poof, a new survery shows up right where the other one was. Compact and efficient. I've seen sites use a slightly similar system before, often in the help/faq sections. You find the topic you need help with, click on it, and it pops up below it. However I'm pretty sure they used javascript, which isn't allowed on myspace. ("Security" or some other overrated matter). Therefore I would have to do it with CSS. I was thinking have each survey in a different table, all absolute positioned in the same place. Then when you click the link, either all the rest get visibility turned to not visible, (and that one turned to visible), or perhaps the z-index is changed. However I'm not sure you can do that in a link, especially without javascript. So I may need to find an alternative. Unfortunately, I'm not very good with CSS at all, and I'm also not very creative in problem solving. Does anyone have any ideas on how I could implement this system without javascript or using other pages? (I just get my one little myspace homepage, although I guess I could cheat and use blog pages too. But then all the other blog crap like comments would show up on it). I apologize if this has already been covered, I tried to look through the more recent posts for something similar and found nothing, and I wasn't really sure what to search for, since it isn't really something concrete I'm working with. I don't necessarily need code, mostly just ideas right now. Thanks in advance to anyone who helps, and if you don't know what I'm talking about/thought it was too long, tell me and I'll try to clear it up or shorten it up, respectably (and respectfully, as it were). PS. My myspace account, if you care and didn't already guess, is www.myspace.com/mynameismolotov. Althought it's basically empty right now. |