Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2007
    Posts
    16
    Thanks
    0
    Thanked 1 Time in 1 Post

    extra space in IE only

    hello everyone. i hope i don't annoy everyone too much with my random problems. >.<

    i'm struggling through trying to get my greymatter pages stylized. (very annoying because i have to go back and forth between the templates within greymatter admin and the external css's i'm trying to use.

    anyway. during my edits, i sometimes, for no reason at all (;p) affect pages i don't want to mess with.

    long story short. could i get help figuring out why IE adds extra space below the persons blog entry? it was never there before but i've been having problems ever since I changed ID's into Classes. (wierd. -_-)

    http://www.legionofangels.net/

    scroll down in the blog entry being held by the angel, and in IE, you'll have this grey space at the bottom.

    i've checked all my styles. and here are all the styles invovled in the creation of that box.

    Code:
    #blog {
    border: 0px dotted red;
    position:relative; 
    left: 0px; top:0px;
    overflow-x: hidden;overflow-y: auto;
    height:501px;width:399px;
    font-family: palatino linotype;
    font-size: 11px;
    line-height: 18px;
    background-color: #808080;
    margin:0px; 
    padding:0px;
    }

    Code:
    #title {
    line-height:225%;
    border-bottom:2px solid black;
    border-top:2px solid black;
    padding:0px;
    margin:0px;
    float:left;
    width:386px;
    background-color:#000000;
    color:white;
    }
    
    
    #avatar {
    border-right:2px solid black;
    width:100px;height:100px;
    margin:0px;
    padding:0px;
    float:left;
    background-color:#000000;
    overflow:hidden 
    }
    
    
    #author {
    width:280px;height:100px;
    margin:0px;
    padding:0px;
    font-family: palatino linotype;
    font-size: 16px;
    float:left;
    background-color:#808080;
    }
    
    
    #actualentry {
    border-top:2px solid black; 
    margin:0px;
    padding:0px;
    float:left; 
    width:386px;
    background-color:white;
    height:auto;
    }

    since the color that shows up at the bottom is grey. i did a search for all instances of that color. only two showed up. the "author" style should have it. but the "blog" was the workaround i did because of a prevous problem.

    to explain the previous problem and workaround....

    avatar and author should be next to eachother. avatar+workaround make up maybe 380 pixels. the blog container itself is 399. but for some reason if i go just ONE PIXEL higher than 380 the divs break up and "author" moves to the next line. i struggled with this and gave up and simply said (well, i could just keep it at 380 total, and fill in the white on the right side with grey by using blog.

    well now i'm paying for it. -_-

    regardless, that space shouldn't be there anyway! and the div is not empty and there are no images so i can't understand why it adds the space. so yah. that's where i'm stuck sadly.


    heres the html for the part in question too just in case.

    Code:
    <div id="centerbox">
    <div id="blog"><?php include('http://www.legionofangels.net/gm'); ?></div>
    </div>


    thanks in advanced.



    ===============================================


    now. for problem number 2. (haha)

    could anyone offer any suggestions for having a setup on my pc, to emulate as many users as possible?

    to explain what i mean, i recently had to tackle the wierdest problem lately, in which waht i was seeing was NOT what others were seeing, regardless of the browsers i used. this frustrated me greatly because how can i provide decent sites if i see things diffrently than the rest of the world? what on earth, could make it so that ALL my browsers (ie6, ff, opera) would display my site "correctly" to me but in fact be incorrect to a dozen other people?

    i asked this question at techsupporguy forums. and got a pretty good answer that really made me think and it turns out, that i not only have to take browsers in general, but also their versions, resolutions, and even font size?

    i mean, assuming i code for 800x600 users, and use pixels to define the size of everything rather than pt or em, what else must i do? it's like, ever since this happend, i can no longer trust my own monitor and now i have to ask everyone "hey does this look good?". very annoying. i'm scared now. i can't trust my pc. >.<
    Last edited by Tact; 09-28-2007 at 02:05 AM.

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    That is a lot of issues, brother. First question; where is this blog post you are talking about? Your page looks identical to me in FF and IE7.

    Gary

  • #3
    New Coder
    Join Date
    Sep 2007
    Posts
    16
    Thanks
    0
    Thanked 1 Time in 1 Post
    the blog itself is here. http://www.legionofangels.net/gm


    but you should be able to see it inside the main page http://www.legionofangels.net/

    its the div container being held by the angel. i'm using php (i think) to have a page within a page.

    but if you say that you get the exact same thing in IE/FF then that's great. but i don't know if you scrolled down the box being held in the angel's arms. i get a blank space at the bottom in grey. i'll screenshot it.

    there ya go. thanks in advanced for your help.
    Attached Thumbnails Attached Thumbnails extra space in IE only-problem.jpg  


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •