CSS3 Issue I am having - DRIVING ME BATSHIT INSANE — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

CSS3 Issue I am having - DRIVING ME BATSHIT INSANE

This page's ID: 32598

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Fellow inmates, It's been quite some time since I've posted here. I lurk quite often tho. I find myself running into a small little CSS3 wall that I cannot seem to overcome. I hope you guys can help me out a little bit. Here is the relevant CSS [code] background-color: #550909; background-image: url("../imgs/bg.jpg"), url("../imgs/bg-bottomright.jpg"); background-position: left top, right bottom; background-repeat: no-repeat; [/code] Long story short... I have two background images I want to use. I want one in the top left and one on the bottom right. However the bottom right image is not going to the bottom! It's on the right side of the screen but will NOT go to the bottom right like I want it to! It's frustrating me. What am I doing wrong? I spent the last three hours going over a CSS3 book I have and I am not having any luck what-so-ever! Can you guys help me out? I have included a visual aid of the page. Please ignore the middle DIV background. Focus on the flowers on the right hand side. Lol. Also... I am testing this in Google Chrome! In theory it should be working. :( Image Example Of Problem: [url]http://bayimg.com/haOMgaadF[/url] I have copy and pasted the actual HTML below although I highly doubt any of the HTML coding is causing the problem. Its fresh. But on the off chance... cause I am at a total loss... [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en-US" dir="ltr"><!-- Begin HTML Document --> <head><!-- Begin Header --> <title>The Lounge.</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="author" content="Dustin R. Sanchez"> <meta name="copyright" content="2012-2013 Dustin R. Sanchez"> <!-- Begin Lounge Specific CSS --> <link rel="stylesheet" type="text/css" href="styles/lounge.css" media="screen"> <!-- End Lounge Specific CSS; Begin Google Fonts CSS --> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Tangerine"> <!-- FFSansSerif --> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Alice"> <!-- FFSerif --> <!-- End Google Fonts CSS --> </head><!-- End Header --> <body><!-- Begin Main Body --> <div id="the_master"><!-- Begin Master Wrapper --> <div id="the_mistress"><!-- Begin Mistress Wrapper --> </div><!-- End Mistress Wrapper --> </div><!-- End Master Wrapper --> </body><!-- End Main Body --> </html><!-- End HTML Document --> [/code] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu