Hello,

Here is the website I have done. Here is the css to the site. Here is the CSS for the menu bar.Lastly, here is the CSS for the menubar to fit on the home page.

#menubar {
    margin-left:169px;
    width:75%;
    }

I'd like someone to let me know why the blue background seems to have a margin. Then, do you think of the remiander of the site. I hope some of you have widescreen monitors as I do not. I'm also running XP. Thanks for the feedback and help in advance.

Member Avatar for LastMitch

I'd like someone to let me know why the blue background seems to have a margin.

You need to center the menu bar and image! I know you been posting this site and issue but you haven't fixed this yet.

Try this:

margin:0px auto;

for your menu.

#menubar {
margin:0px auto;
width:100%;
}

and also this:

ul.MenuBarHorizontal{
    margin:0px auto;
    padding:0;
    background-color:#000;
    list-style-type: none;
    font-size: 12px;
    text-align: center;
    font-family:Verdana, Geneva, sans-serif;
    cursor: default;
    width:100%;
}

For your image try to center:

<center>
<img id="main"src="images/bigpic.jpg"  alt="register to study abroad" width="686" height="306">
</center>

You need to pay attention. I mean you been posting this issue you are having close (more than) a month.

What don't you understand? I already mention a few things and I think a few members already mention a few things too.

I rather see you post something different than still having this issue.

ummmm...

I think you should look at your site and tell us what you think is up with it:

you are misplacing the rules and applications of alignment and margin.

for example we have a div tag. Margin is indenting the contents inside of the div while alignment is setting the div itself.

in using float you also forgot to use clear both in css.

Thank you everyone again for your feedback. Fixing certain issues seems to be causing others for some reason. It's not that I am not paying attention; it's that the layout that works on my square monitor does't hold for w widescreen. I used the prior fixes which used pixels. Using absolute measurement units is fine for me but creates empty space for widesceen viewers. I then switched to percent, a relative measurement for a liquid layout.

Sorry to frustate everyone with what seems to be same old same old. I am frustrated with myself for not being able to get through this on my own and more quickly thatn I have.

Again, thank you. Your sacrifice of time and effort is truly appreciated.

CSS can be very simple, but in that same breath, it can get pretty complicated as well. To me what seems to be the biggest issue with people new to CSS, is they try and push, pull, squeeze, and force all the elements into places that they would not naturally go. In the end you have a bunch of elements that are fighting over space on the screen and you get some unexpected behavior and results.

I don't think anyone is really upset with you, we like to help. The problem here is like you said, fixing one issue creates another. Most likely that is because of what I described above. Creating a fluid layout with 100% widths that adjust to different browser sizes is one of the more difficult designs to achieve successfully. A lot of things have to be accounted for in that type of design compared to a fixed layout. If you're on a dead line to have something done, a fixed layout that is more controllable might be a better alternative. If you keep the width of your content to a maximum of around 960px, you should be fine. Most desktop screen resolutions are larger than that, so you should get the largest chunk of the visitors to the site.

I would also suggest using Firefox with the Firebug and Web Developer plugins. I use both of these daily for tweeking the CSS and markup in the browser before commiting the changes. Design your sites for Firefox and Chrome and get them looking good in those browsers, and then fix the issues in IE afterwards.

People that have been doing this for years still get frustrated (damn Internet Explorer), so don't feel bad that you are getting frustrated now. Down the road you will look back at some stuff you had done and laugh, but also you'll see how much you have progressed and learned.

Sorry for the long lecture.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.