browser fun

[nanook]

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

[tcindie]

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.

[nanook]

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

[nanook]

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

[nanook]

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

[sachin_d_in]

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;
}

[Malice]

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

er…..What did he say?

[Author]

Posts