Why is my page being cut off?

Alright so Im getting content on the side of my page cut off when I resize my page on my desktop browser.

This is what my page looks like when its normal. http://gyazo.com/dedab68fd110b484e64e4500b5e58523

Then I resize my page to make it thinner and I get this when I scroll to the right http://gyazo.com/cc0234a8463431253c57f172af8749f3

It cuts off my content

How do I fix this? Any help would be greatly appreciated! Thanks

<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Centering(ordering) images to the left not working with margin auto

The site is using margin auto in order to have compatibility with different resolutions of screen

I have several divs nested in one central div. Those divs have images as links and they are not stuck properly to the left edje all. Here is a piece of code

		<div   style="width:800px; border-style:dashed; border-width: 3px; overflow:hidden; margin-left: auto; margin-right:auto;">
<!--<iframe width="100%" height="100%" scrolling="no" hspace="0" vspace="0" marginheight='0' frameborder='no' src="sa_footer.html"></iframe>-->

CSS Float not working properly in some browsers.

This is my first post, and I'm excited to have just joined this community! Smile

I'm jumping ship from IT/SysAdmin to work for myself and do do web design/development. I need to unleash my creative juices!

I'm looking forward to learning a lot and helping as much as I can as my knowledge grows!

Making my website responsive - facing problems.

HTML Code -

<!DOCTYPE html>
 <!-- Made by Yours Truly with loving support of Bootstrap 3.0 !-->
    <title>Tushar Gupta | Web Developer & Designer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/animate.min.css" rel="stylesheet" media="screen">
    <link href="css/main.css" rel="stylesheet" media="screen">
     <link href="css/fontello.css" rel="stylesheet" media="screen">

Why won't my borders show up?

Here's the HTML

<!DOCTYPE html>
		<link rel="stylesheet" type="text/css" href="skills.css">
	<body style="background-color:#dddddd">
		<div id="menu">
				<li><a href="skills.html">Skills</a></li>
				<li><a href="about.html">About</a></li>
        <div id="skills">
                                    <div id="prof">    
                                        <li>Proficient in HTML</li>
                                                <p>I can</p>

Syndicate content