Grow your CSS skills. Land your dream job.

browser fun

  • # November 24, 2008 at 4:00 pm

    I am working on a site and have having a few browswer issues and could use some help. The main page is great in everything except go figure IE drops down the logo when the login is on the right, I’m not sure what is going on there. On my about us page in everything except IE has a black line accross the page. Can you guys have a look and suggest any help? Thanks in advance.

    Main page http://howsmykiddriving.org
    About http://howsmykiddriving.org/aboutus.php

    Tim

    # November 24, 2008 at 6:06 pm

    The black bar is there in firefox too.

    There’s an awful lot of empty space in the center of the layout, looks like you just have two narrow columns floated left and right, leaves a massive hole in the middle on my screen. The background fills it of course, but it looks barren.

    # November 24, 2008 at 6:57 pm

    Thanks, I know its in FF its in all the others except IE. The pages are not done as they are still in development, thanks for the information as I probably should have two even columns. Any ideas on the black lines? Also what is the layout for the columns for this so there is not a lot of barren space?

    Thanks,
    Tim

    # November 24, 2008 at 7:39 pm

    Sorry guys if you want to have a look I had to move everything to http://howsmykiddriving.org/dev. Sorry for the confusion but I wanted to get it out of the production and into dev where it should be till its done.

    Tim

    # November 24, 2008 at 8:50 pm

    Also is there a better layout for this? When I resize the browser the content and images slide all over the place. Obviously this is my first attempt at CSS an would really like to do it correctly and am open to any ideas.

    Updated links:

    http://howsmykiddriving.org/dev
    http://howsmykiddriving.org/dev/aboutus.php

    Thanks,
    Tim

    # November 25, 2008 at 12:09 am

    I think follows is the culprit. Change margin-top to zero.

    #login {
    position:static;
    float:right;
    margin-right:20px;
    margin-top:0; /* margin-top:55px; */
    border: 1px solid #ff0;
    }

    # December 5, 2008 at 7:50 am

    I just wanted to say.. I totally agree with lyjg1203.
    He couldn’t be more right.

    er…..What did he say?

    Rob
    # December 5, 2008 at 8:05 am
    "Malice" wrote:
    I just wanted to say.. I totally agree with lyjg1203.
    He couldn’t be more right.

    er…..What did he say?

    You mean you dont speak fluent spam?

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".