Okay, so I'm putting my control bar in a <div> that is static positioned at the top of the browser and I need it to line up with the Main Div which will contain the actual page material.
Here's what I'm talking about:
Now, I have 2 problems.
1) There's space ontop of the control bar. How do I get rid of it?
2) How can I make sure the control bar will always line up with the middle of the page?
==> Right now I've got the <div> container set to left indent of 12.75% and it shows up fine on my laptop, but I switch to my desk top and it's too far to the left.
Here's the code:
CODE
<link href="bull.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.controls {width: 945px; height: 321px;}
#Controls {position: fixed; left: 12.75%; Top: 0%}
</style>
</head>
<body style="BACKGROUND-IMAGE: url(RB-bg.jpg); BACKGROUND-POSITION: 50% 0%">
<div id="controls" Class="controls" align="center">
<img src="Control-bar.png" alt="Raging Bull Fan Production Control Bar" width="945" height="321"
usemap="#controls" style="border-width: 0" />
Forum Index:
Programming Help |
C and C++ |
VB6 |
Java |
VB.NET |
C# |
ASP.NET |
PHP |
ColdFusion |
Perl and Python |
Ruby |
Databases |
Other Languages |
Game Programming |
Mobile Development |
Software Development |
Computer Science |
Industry News |
Programming Tutorials |
C++ Tutorials |
Visual Basic Tutorials |
Java Tutorials |
VB.NET Tutorials |
C# Tutorials |
Linux Tutorials |
PHP Tutorials |
ColdFusion Tutorials |
Windows Tutorials |
HTML/JavaScript Tutorials |
CSS Tutorials |
Flash Tutorials |
Web Promotion Tutorials |
Graphic Design & Photoshop Tutorials |
Software Development Tutorials |
Database Tutorials |
Other Language Tutorials |
ASP.NET Tutorials |
Game Programming Tutorials |
WPF & Silverlight Tutorials |
15 Jun, 2009 - 01:02 PM
| 
