I'm having trouble with my styling and need some assistance. Specifically, I want to make sure that my page_content_div appears under my header instead of below the right and left carousel controls. I tried using float:left on the page_content_div, but it didn't work. I also shared the code on jsfiddle, and the outcome was still the same.
I think it might be a simple mistake on my part. Can anyone point out any errors in my header or container_div CSS?
Below is a screenshot of my current index.html code:
Here's my index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="stylesheets/public.css">
<!-- <link rel="stylesheet" href="stylesheets/bootstrap.css"> -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.6.0/build/reset-fonts-grids/reset-fonts-grids.css&2.6.0/build/base/base-min.css">
<link href="stylesheets/carouseltwo.css" rel="stylesheet" type="text/css">
<!-- Bootstrap Core CSS -->
<link href="stylesheets/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="stylesheets/modern-business.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome-4.1.0/stylesheets/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<title>Welcome</title>
</head>
... (remaining contents unchanged)
Here's my public.css:
... (CSS styles remain unchanged) Here's my modern-business.css:
... (CSS styles remain unchanged) Thank you for your help.