I want to make my background appear in the same spot and size on every monitor size

Hello,
I am adding a background to my site, and on my monitor it appears in the right dimentions. However, when I zoom out or in on my monitor the background changes sizes. How do I keep it in one position and the same size the entire time despite the monitor size? Here is my code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
@import url("footer.css");
html {
background-color: #000000;
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #000;
background-image: url(Background.jpg);
.footer p a {
color: #CCC;
body {
width: 1041px;
margin: auto; /* keeps the page centered */
font-family: Arial, Helvetica, sans-serif;
padding-top: 0px;
background-repeat: no-repeat;
background-color: #000;
background-attachment: fixed;
a {
color: #8A0404;
text-decoration: none;
a:hover {
color: #FFFFFF;
.header {
height: 150px;
background-image: url(headernew.png);
width: auto;
float: none;
background-color: #000;
background-repeat: no-repeat;
padding-top: 0px;
clip: rect(auto,auto,auto,auto);
.header .nav {
width: 450px;
float: right;
margin-top: 55px;
text-align: right;
.header .nav span {
font-size: 12px;
font-weight: bold;
color: #8a0404;
margin-left: 25px;
.navbar {
background: #FFFFFF;
line-height: 35px;
margin: auto;
width: 170px;
float: right;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
bottom: 120px;
position: relative;
height: 55px;
right: 55px;
.navbar .nav {
width: 50%;
float: left;
.content {
background: #FFFFFF;
.aside {
width: 330px;
float: right;
color: #8a0404;
padding-top: 10px;
background-color: #000000;
.section.main {
background: #FFFFFF;
width: 700px;
float: left;
bottom: 0px;
padding-bottom: 15px;
.article {
min-height: 400px;
text-align: justify;
background-color: #FFFFFF;
background-repeat: repeat-y;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
.centertxt {
text-align: center;
.righttxt {
text-align: right;
padding-right: 15px;
img.center {
display: block;
margin: auto;
.section.main .article h3 {
text-align: center;
font-style: italic;
color: #97222B;
font-size: 30px;
.footer {
font-size: 11px;
text-align: center;
width: 100%;
background-color: #000;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
position: relative;
left: 0px;
bottom: 0px;
clear: both;
color: #CCC;
border-bottom-width: 2px;
border-bottom-style: solid;
margin-right: auto;
margin-left: auto;
.signature {
position: relative;
</style>
<link rel="stylesheet" href="dakevid_videolb/overlay-minimal.css"/>
<link rel="stylesheet" type="text/css" href="banner_files/banner-rotator.css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="footer.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript" src="banner_files/jquery.banner-rotator.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$("#JQBannerRotator2").fdBannerRotator({keyboardEnabled:true,frameShadowEnabled:true,slide Width:700,slideHeight:300,slideScaleMode:"none",slideTransition:{type:"fade",duration:300, easing:"easeOutQuad"},slideDuration:3000,slideAutoplay:true,slidePauseOnHover:true,timerPo sition:"top",timerVisible:false,captionAnimationSpeed:500,captionAnimationEasing:"easeOutQ uad",controlDirectionEnbled:true,controlDirectionHide:true,controlPlayEnabled:true,navigat ionEnabled:true,navigationPositionTop:240,navigationPositionMargin:10,navigationAlign:"rig ht",navigationThumbEnabled:true,navigationThumbServerScipt:"",navigationThumbSearch:".jpg" ,navigationThumbReplace:"_thumb.jpg",navigationThumbWidth:150,navigationThumbHeight:65,nav igationThumbAnimationSpeed:200,navigationThumbAnimationEasing:"easeOutQuad"});
</script>
<body marginwidth="auto" marginheight="auto">
<div class="header"></div>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="news.html">News</a></li>
<li><a href="http://www.xcelonlinestore.com/collections/kyle-dake-official-merchandise" target="_new">Merchandise</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Media</a>
<ul>
<li><a href="video_gallery.html">Videos</a></li>
<li><a href="photo_gallery.html">Photos</a></li>
</ul>
</li>
<li><a href="events.html">Events</a></li>
<li><a href="sponsors.html">Sponsors</a></li>
<li><a href="representation.html">Representation</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
<div class="navbar"><iframe src="http://free.timeanddate.com/countdown/i3zg3ync/n35/cf12/cm0/cu3/ct0/cs0/ca0/cr0/ss0/cacfff /cpc000/pc000/tcfff/fs90/szw320/szh135/tatCountdown%20To/tacfff/tptTime%20since%20Event%20 started%20in/tpc000/matThe%20World%20Championships/macfff/mpc000/iso2014-08-26T00:00:00/pa 5" frameborder="0" width="214" height="75"></iframe>
</div>
<div class="content">
<div class="section main">
<div id="JQBannerRotator2" class="JQBannerRotator">
<div class="overlay"></div>
<ul class="data">
<li><img class="slide" src="banner_files/slides/lansing.jpg" alt=""/></li>
<li><img class="slide" src="banner_files/slides/eiwa.jpg" alt=""/></li>
<li><img class="slide" src="banner_files/slides/coaching.jpg" alt=""/></li>
</ul>
</div>
<div class="article">
<h3>Welcome to KyleDake.com</h3>
<p><img src="test.png" width="323" height="441" hspace="20" align="left">Hey Guys! Thanks for visiting my website. I hope you find what you are looking for, whether it be clothes and merchandise, information, or inspiration! I want to thank you for supporting me and my dreams as I am chasing them down every day. The fans are one of the most important parts of what I do, I hope everything I have done and will do benefits someone somewhere. Make sure you are chasing your dreams every second you breathe.<span class="signature"><img src="Signature2.png" width="203" height="109" align="right"></span></p>
<p> </p>
</div>
</div>
<div class="aside">Follow Kyle on Twitter | Check out Kyle's Facebook Page</div>
<div class="aside">
<p class="righttxt"> </p>
<p class="righttxt"><a class="twitter-timeline" href="https://twitter.com/kyledake444" data-widget-id="423108832919695363">Tweets by @kyledake444</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE lementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.j s";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</p>
</div>
</div>
<div id="footer">
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
<div class="footer">
<p>All Rights Reserved 2013 X-Cel Worldwide | © Kyle Dake 2013 | This is the official Kyle Dake Website | Web Design <a href="http://www.riccioproductions.com/" target="_new">Riccio Poductions</a> | </p>
<a href="http://www.cfathletic.com/" target="_new"><img src="cf.png" width="83" height="40" border="0"></a><a href="http://www.milwaukeetool.com/" target="_new"><img src="mil_tools.png" width="81" height="55" border="0"></a><a href="http://www.ai-sport.com/ai-performance/ai-performance-wrestling" target="_new"><img src="ai_wrestling.png" width="228" height="47" border="0"></a></div>
</body>
</html>
Thanks!!

It works in everything except IE, which it notes so I knew that going in. Any thoughts on how to fix it up? Here's the site again:
http://www.kyledake.com/testindex.html

Similar Messages

I bought an iPad and want to make sure it's on the same apple account but my phone always come up with a different apple Id?

I bought an iPad and want to make sure it's on the same apple account but my phone always come up with a different apple Id?

Remember - if you bought any apps with another ID you cannot update them with a different ID.
Try changing the ID in the App Store. Tap on Featured - swipe to the bottom of the screen - tap on the ID in the bottom left corner - and see if you can change it that way.
If that doesn't work, sign out of your account altogether, restart the iPad and then sign in again.
I guess I should ask - what ID is it coming up with and why is it coming up with that ID?
Message was edited by: Demo

How to make fields grow dynamically within the same page and in column wise

Hi,
Like the newspaper format: Where contents of news are shown columns wise.
We need to make the fields in a page grow column wise within that same page.
For example, in a page:
Column 1 Column 2
ASDASDASDGKASHDGKAA | ASDFASGFHSJFAJKSD
ASDFASDFASDJFASGJKDFHA | ASDFASDASDFASDFASD
AFSDFASDFASDHGFKASDFASD | ASDFASDFASDFASDFASDFA
ASDFSDGFJASHDGFJKASHDGKFAS |
ASDFAGASDHFKASHDGFHASDJKFHASJKHF |
ASDFHASGDKFASDJGHFASDFJKSDGFJKAGSDJ |
If the Column 1 is full with the fields in the page it should start filling the column 2 which is also in the same page.
If the Column 2 is also full then only it should move to the next page and should continue the same scenario.
Please suggest a better way to do this in the Adobe Output Designer.
Thanks and regards,
Gurunath V.
E-Mail: [email protected]
P.S: Please also mail to my e-mail ID.

Hi Gurunath, if you steel need a solution on this problem, I think this could help:
1- place two fields on the form (JF01, JF02), one under each other.
2- Make two subform with them (Sline1, Sline2)
3- Make the field JF02 expand on same subform.
4- Modify the preamble in this way:
^define group:D_line1 \field$POSITION\reserve"0.333",in\subformSline1.\positionsave,"first_line"
^define group:JF01!OnOverflow \groupG_Sline2.\fieldJF02.
^define group:G_Sline2!OnBOF \positionrestore,"first_line"\positionright,"3.65",in
In the data file put all the text in JF01.
-The first line say:
When JF01 is called, save it's y position (\positionsave,"first_line")
-The second line means:
when the text overflow JF01 put it in JF02.
(cause JF02 overflow on itself all the remaining data is overflowed in JF02)
-The third line means:
if JF02 arrives at the end of the page (OnBOF), restore the saved position ( \positionrestore,"first_line") and move to the right of "3,65" inches (\positionright,"3.65",in).
In other words, when JF02 arrive at the and of the age, the next field JF02 is positioned at the same height of JF01 and is shifted on the right
Take care that in this way JF02 cannot anymore go o a new page.
Hope this help.
Andrea

Ondemand subreport or a drilldown, I want the content to appear in the same tab that is in the main report

<p><strong>When I click on the ondemand subreport or a drilldown, I want the content to appear in the same tab that is in the main report itself. How to make this work? As of now it opens up a new tab for drilldown or ondemand subreport? How to make this work? I want any expert here to throw some light on this?</strong></p><p>Plz mail me at [email protected] </p>

I fixed this problem. It was pretty easy.
First, in the address bar, type in " about:config " .
When it asks if you are sure about making changes & it may void the warranty, click "yes--I promise I'll be careful" or something along those lines. (I heard there is no warranty, & it's just a joke)
Once you get to the new screen, find " browser.link.open_newwindow "
You will see the # 3 on the same line. Change that value to 1.
Wah-la! :)
http://kb.mozillazine.org/Editing_configuration
http://kb.mozillazine.org/Browser.link.open_newwindow

My forwart text feature on IOS 8 keeps disappearing and the only way I know how to make it re-appear is by powering off and on my phone, is there another way to fix this feature?

my forward text message feature on IOS8 keeps disappearing and the only way I know to make it re-appear is by powering off and on my phone. Is there any other way to fix this?

I should also point out that when I connect my iPhone, it DOESN'T appear as a connected drive on the desktop. Not sure how this can be so, since the iPhone also has a drive and also functions as an iPod if I want it to. I must have changed some setting to achieve this non-appearance, but don't remember what I must have done.
What's the secret?

I have 5 layers of texts with a white background on the bottom(V1). I want to cross dissolve to black at the same time on all layers. However they all don't disappear at the same time. It seems the top layer fades out last, and so on.

I have 5 layers of texts with a white background on the bottom(V1). I want to cross dissolve to black at the same time on all layers. However they all don't disappear at the same time. It seems the top layer fades out last, and so on. These are 20 frame dissolves.

FCP User Manual, page 798.
You can condense multiple clips that are stacked above each other into a nest. The nest appears as a single clip in the Timeline. If you need to modify the individual clips inside after you have created the nest, it can be expanded again by double clicking it.

I wonder if I can get the lyrics (lyrics) are scrolled on the screen, as most lyrics is very large, and can almost never get the entire text box. is possible to make each verse appears, while the audio playback?

I wonder if I can get the lyrics (lyrics) are scrolled on the screen, as most lyrics is very large, and can almost never get the entire text box. is possible to make each verse appears, while the audio playback? please help me???

Just connect the new iPod to your computer and setup the iPod via iTunes (instead of via wifi).
If you want to copy all the infor from an old iPod touch to the inew iPod see:
iOS: Transferring information from your current iPhone, iPad, or iPod touch to a new device

I need to download all of my photos from my iPhone 4S and my iPad 2 to my MacBook Air. I want to make sure all my photos are not lost and that they do not return to the original devices because of the cloud. Can someone please help ?

I need to download all of my photos from my iPhone 4S and my iPad 2 to my MacBook Air because there is no more storage space available. I want to make sure all my photos are not lost and that they do not return to the original devices because of the cloud. Can someone please help ?

Connect your devices to the computer with the USB cable (one device at a time) and import the photos via iPhoto or Image Capture.
If you have not changed any default settings on your computer, iPhoto will automatically launch when you plug in the device. Then follow the import prompts.

How can I do that the background appears through the person who is on the pic

how can I do that the background appears through the person who is on the pic

Hi
just decrease the opacity of the layer on which you have the person

HT201210 when I want to make a call show me the call back page and i cant make call

when I want to make a call show me the call back page and i cant make call

You helped me a lot, man!
I've been having the same problem for a long time ever since I changed to a new phone provider with a new sim which works with other phone except my iPhone 4. I just wouldn't make call but can send SMS and receive calls. Now, when I turned off 'call waiting' I could make phone calls. Thanks a million again!
P.S. When I turn on 'call waiting' again I could make call without problem any more. What a heck!

I want to make a business place in the table whose name is J_1BBRAN

Hi Expert~
I want to make a business place in the table
The table's name is J_1BBRAN.
where should i make that above? what['s transaction code?
please help~
Edited by: jake on Jan 7, 2009 1:20 AM
Edited by: jake on Jan 7, 2009 1:21 AM
Edited by: jake on Jan 7, 2009 1:44 AM

Hi Jake,
I'm working in ECC 6.0 and you can find this table by navegationg through SPRO :
Cross-Application Components - General Application Functions - Nota fiscal - CNPJ Business Places - Define Business Places and Assign Business Places to Plants
But the table name is : J_1BBRANCV (Business Places)
I think this is what you want.
Att.
Cássio Moreira

In iweb I want my first(Home) page to have the Home link and an Enter site Link only. On the enter site page (second Home Page) is where all my links appear at the top. Can I do that?

In iweb I want my first(Home) page to have the Home link and an Enter site Link only. On the enter site page (second Home Page) is where all my links appear at the top. Can I do that?

Not easy...
Not really? Just uncheck the second checkbox for the first page and the nav bar is gone.

How do I make a site appear in the Permissions Manager?

I forbid all sites to set cookies. The sites where I have an account are the exceptions. I'm finding it hard to make a site appear in the Permissions Manager. I tried lots of things. Like placing a bookmark in a bookmark folder, creating a bookmark manually, copying and pasting a bookmark from folder to folder, visiting a site lots of times.

Visit a site, click the site icon in the address bar, click More Information, click Permissions, set the permissions for the site that you're visiting.

Ffu in a red background, appearing in the taskbar for a short time, is this Firefox updating?

Hello,
sometimes for a very short time three letters: Ffu on a red background appear in the taskbar. Does this have something to do with firefox updating? I just noticed that new symbol next to my other icons and it disappears very quickly.
Thanks in advance for your answer!
Sonja

Its actually ffd your seeing, probably only pops up when you use vlc mediaplayer or another offbrand media player, its just saying theres some sort of error when reading a codec, i actually get it constantly, dont worry tho its not a virus.
Hope this helped

HT1338 I made a movie in iMovie and want to make copies. I lost the iMovie file, I just need to know how to copy a disk. HELP!

I made a movie in iMovie and want to make copies. I lost the iMovie file, I just need to know how to copy a disk. HELP!

Not sure if you really mean disk (HD) or disc (CD/DVD). Check out this YouTube video

I want to make my background appear in the same spot and size on every monitor size

Similar Messages

Maybe you are looking for