pahiker Posted April 29, 2008 Share Posted April 29, 2008 I'm having an odd problem with a new site, and it's operating differently in three browsers (no surprise). Here is what I am seeing:- In Safari and FF the entire page is displayed, but the borders stop before the end of the page.- In IE 7, the borders make it to the bottom of the page, but the entire page does not display.I do not have bottom borders showing (0px), so that is not an issue.I do resize the window, but I have tried various heights and it doesn't seem to make a difference, currently I have the size set to 632,9000 which should be enough to display the entire page, including the borders.Thanks in advance,Mike Link to comment Share on other sites More sharing options...
newseed Posted April 29, 2008 Share Posted April 29, 2008 V A L I D A T E your C O D E!...and why are you using position:absoluted in your body style?To fix your problem, remove the position:relative; top: 84; from the div.page styles and then remove the position:absolute; top: 24px from the div.transTitle. Now adjust the height in the div.transTitle to be about 120px. Link to comment Share on other sites More sharing options...
pahiker Posted April 29, 2008 Author Share Posted April 29, 2008 V A L I D A T E your C O D E!...and why are you using position:absoluted in your body style?To fix your problem, remove the position:relative; top: 84; from the div.page styles and then remove the position:absolute; top: 24px from the div.transTitle. Now adjust the height in the div.transTitle to be about 120px.OK, that's even worse than what I had. While the border does go down to the bottom, the entire top of the page is all wacked. Link to comment Share on other sites More sharing options...
Ingolme Posted April 29, 2008 Share Posted April 29, 2008 I don't know if you actually fixed the HTML and didn't upload it yet, but if you haven't you really need to pass your HTML through the W3C validator. Link to comment Share on other sites More sharing options...
jeffman Posted April 30, 2008 Share Posted April 30, 2008 newseed is on the right track, though. Consider these changes: body { border: 8px groove tan;}div.page { }div.transTitle { width: 430px; height: 70px; margin: 20px auto; background-color: white; border: 1px solid black; filter: alpha(opacity=60); opacity: 0.6;} Unless you want the side borders to always be 16px from the page bottom, replace the bottom border, as I did here. Taking it out doesn't mean the sides keep going. It means they stop where they would have stopped anyway. Adding the bottom gives a more finished look.Only tried this in FF. Link to comment Share on other sites More sharing options...
pahiker Posted April 30, 2008 Author Share Posted April 30, 2008 I don't know if you actually fixed the HTML and didn't upload it yet, but if you haven't you really need to pass your HTML through the W3C validator.I just fixed all of the HTML and CSS, it has been uploaded. Thanks. Link to comment Share on other sites More sharing options...
pahiker Posted April 30, 2008 Author Share Posted April 30, 2008 Deirdre's Dad,That worked! Thanks.Now, how do I remove the white border around the page? Link to comment Share on other sites More sharing options...
Ingolme Posted April 30, 2008 Share Posted April 30, 2008 Add this CSS:html,body {margin: 0;border: 0;} Link to comment Share on other sites More sharing options...
pahiker Posted April 30, 2008 Author Share Posted April 30, 2008 Absolutely perfect!Thanks everyone, you're the greatest! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.