I'm feeling a bit overwhelmed because I can't seem to figure this out.
My goal is to create a basic page layout with a header, subheader, sidebar, content pane, and footer. Everything was going smoothly until I started writing a function in my JavaScript file. When I returned, the sidebar had mysteriously shifted from the left side to the right, and I can't determine why. I've tried debugging by copying sections of my script one at a time, but it appears that only the sidebar is affected. Any insights or solutions would be greatly appreciated!
Here's a snippet of my HTML code:
<html lang ="en">
<head>
<meta charset="utf-8">
<title>....</title>
<link rel="stylesheet" type="text/css" href="../CSS/styleCss.css">
<script type="text/javascript" src="../JavaScript/dateandtime.js"></script>
</head>
<body>
<div id="header">
<a href="index.html">
<img src="..." alt="..." height="200" width="500" />
</a>
</div>
<div id="subheader">
<p id="timeStamp"><br/></p>
</div>
<div id="sidebar">
<!-- Sidebar navigation links here -->
</div>
<div id="content">content area</div>
<div id="footer">footer</div>
</body>
</html>
And here's a peek at my CSS code:
<!-- CSS styles go here -->
Your assistance would be invaluable at this point as I'm quite stumped on what's causing this issue!