capnhud Posted May 20, 2009 Report Share Posted May 20, 2009 (edited) I was noticing as a trying to develop this web page that I had in the style sheet what I thought was exactly the same as what I had in a duplicate style sheet. But upon close examination I noticed that one selector was different but was achieving the same result. the selector in question is this page #header { height: 110px } and on this page #header { height: 120px; margin: 0 0 5px; } if you try to make the 120 pixel page equal the 110px page it breaks and I was just wondering why? Everything else is the exact same. Edited May 20, 2009 by capnhud Quote Link to comment Share on other sites More sharing options...
Wickham Posted May 20, 2009 Report Share Posted May 20, 2009 The second page has a #header div height of 125px (120px plus bottom 5px margin as three sizes means top, each side, bottom). A page often breaks when you increase the size of a div and sometimes even if you reduce the size of a div. Quote Link to comment Share on other sites More sharing options...
newseed Posted May 20, 2009 Report Share Posted May 20, 2009 I would suggest getting rid of that character (text) at the upper left corner first because that certainly does push the header down a bit. Quote Link to comment Share on other sites More sharing options...
capnhud Posted May 20, 2009 Author Report Share Posted May 20, 2009 (edited) I would suggest getting rid of that character (text) at the upper left corner first because that certainly does push the header down a bit. I noticed that but I could only assume that was from using But even changing to jquery-1.3.2.min.js it is still there. Edited May 20, 2009 by capnhud Quote Link to comment Share on other sites More sharing options...
newseed Posted May 20, 2009 Report Share Posted May 20, 2009 Look in your tag where you have all your scripts. I saw this when I viewed the source: ? Quote Link to comment Share on other sites More sharing options...
Wickham Posted May 20, 2009 Report Share Posted May 20, 2009 two of us are trying to help, I hope we aren't confusing you. Your html page appears top have been saved as utf-8 and this causes a byte-order mark at the top left corner of a page. Save your html pages as encoding ANSI to avoid this. There are three boxes whern you save a file, the filename, the type (html) and encoding which most people don't check. Quote Link to comment Share on other sites More sharing options...
newseed Posted May 20, 2009 Report Share Posted May 20, 2009 Yes, I hope we are not confusing you. @Wickham, I don't recall a BOM ever producing a character like that. The only one I know is http://www.killersites.com/forums/topic/265/i-bom-characters/ Quote Link to comment Share on other sites More sharing options...
capnhud Posted May 20, 2009 Author Report Share Posted May 20, 2009 (edited) No am not getting confused I was only trying get to the heart of the matter as to why this was happening and now I see that the script tag because I had them indented I just backspaced them back and once I did that and reuploaded the page promptly broke using 110px. I just dont get why I could not see that as a problem. Or maybe just using Autokey has some risk. Aptana how do you specify the encodings when you save a page? If you know by chance. I found how to set the encodings thanks once again for heads up. Edited May 20, 2009 by capnhud Quote Link to comment Share on other sites More sharing options...
capnhud Posted May 20, 2009 Author Report Share Posted May 20, 2009 I don't recall a BOM ever producing a character like that. The only one I know is That character is exactly what I was seeing in firebug Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.