Home > Background Color > Background Color Css Not Working

Background Color Css Not Working

Contents

Currently my style sheet has the following definition: … Repeating background for large iframe. 1 reply Hi, guys! You shouldn't have to do that in real code, but it works for this exercise. 186 points Submitted by Rikki Lynn almost 4 years ago 0 votes permalink my code is... Also here's the page: http://codepixl.net/indesx.shtml EDIT:I just had to put the bootstrap before my stylesheet -_- html css share|improve this question edited Nov 8 '14 at 3:32 asked Nov 8 '14 With behavior like this, it seems like you should start adding CSS to the HTML element first. this content

Can someone explain what the problem is? Some of the code may be a little bit ugly, but I'm cleaning it … iframe background color - pls help 7 replies need your help please how to add bgcolor There are many users complaining about that 2 votes permalink Ok, I finally got it to work... Also, here's some errors with your code: -The link to the stylesheet should be in the tag. -You're missing a and tag. -You haven't closed your <form> tag <a href="http://stackoverflow.com/questions/13118418/css-background-color-not-working">http://stackoverflow.com/questions/13118418/css-background-color-not-working</a> </p><h2 id="1">Css Body Background Color Not Working</h2><p>I find that most websites' html aren't actually containing the body. I suspect its the poor coding you have. This solved my exact issue with this problem the other day. Is adding the ‘tbl’ prefix to table names really a problem? </p><p>Daniel Balsdon My Site Sep 14, 2003,16:03 #5 Nick View Profile View Forum Posts masquerading Join Date Jun 2003 Location East Coast Posts 2,215 Mentioned 0 Post(s) Tagged 0 Thread(s) I Sep 14, 2003,13:41 #4 dbalsdon View Profile View Forum Posts 011521 Join Date Feb 2003 Location North Of Scotland Posts 444 Mentioned 0 Post(s) Tagged 0 Thread(s) as platinum said.. Elijah Fowler Permalink to comment# May 24, 2013 Personally, I think styling for the background should go on the HTML element, mainly because it's the first "layer" of the site. Html Background-color Not Working Now the body div you had is probably not causing your issues. </p><p>As far as I know there aren't any issues with styling the HTML element. The bootstrap reference is most likely defining a background color already. It's like the divs are all "dude - this is my space bro." Puffing up their chests. <a href="http://stackoverflow.com/questions/944663/css-background-color-has-no-effect-on-a-div">check my blog</a> Giving change in smaller denominations so customers can tip? </p><p>Dave Permalink to comment# May 24, 2013 If it was a body like yours then it would be too strong to collapse :D Martin Permalink to comment# May 24, 2013 Why Div Background Color Not Working Could not for the life of me figure out why something that has always worked without any issues was suddenly causing issues. It is VERY bad practice to do that. You can see the isolated html and css on http://jsfiddle.net/ucu8j6u6/ I removed any content which isn't readable to most of you and just replaced it with bla bla bla. </p><h2 id="2">Css Background Color Not Working In Chrome</h2><p>Why is the red cut off like that? <a href="https://teamtreehouse.com/community/my-code-to-change-the-background-color-to-orange-in-maincss-file-is-not-working-why">https://teamtreehouse.com/community/my-code-to-change-the-background-color-to-orange-in-maincss-file-is-not-working-why</a> Proudly Powered by phpBB © phpBB Group © 1998-2015 mozillaZine All Rights Reserved DaniWeb IT Discussion Community Join DaniWeb Log In Hardware and Software Programming Digital Media Community Center Digital Media Css Body Background Color Not Working Glen Cheney Permalink to comment# May 24, 2013 So that's what happened to my demos on codepen. Css Body Background Color Not Showing What is the point of update independent rendering in a game loop? </p><p>I think it's supposed to be like that. <a href="http://sohohosting.net/background-color/background-color-on-div-not-working.html">news</a> What's happening? simple function not working in FF multiple inheritance Inheritance Question in VB.NET Inheritance and child creation Constructor inheritance (or lack thereof) multiple inheritance super() Inheritance question - I am new to Titus Nov 8 '14 at 3:19 try background: #32CD32; also I don't know if this changes anything but put a space between the word "body" and the opening brace Css Background Color Not Showing </p><p>You will have to specify the color on each one if float is needed. What is the point of update independent rendering in a game loop? Why? <a href="http://sohohosting.net/background-color/background-color-not-working-in-ie8.html">have a peek at these guys</a> What is a "horn" on a bass guitar? </p><p>Just my 2 cents, if that helps to understand how it works. Div Background Color Not Showing red is really near to brown. asked 7 years ago viewed 71109 times active 7 years ago Upcoming Events 2016 Community Moderator Election ends in 10 days Get the weekly newsletter! <h2 id="9">Expand|Select|Wrap|Line Numbers <divclass="continue"></div> then copy paste this css Expand|Select|Wrap|Line Numbers .continue{clear:both;} we used that code for continue for us to see the entire parent element. </h2></p><p>santosh Permalink to comment# May 29, 2013 Time saver article Wesley Terry Permalink to comment# May 24, 2013 Thank you. To solve this you need to add a clearfix class such as this to your css: .clearfix:after { content: ""; display: table; clear: both; } And then add the class to Sep 19, 2003,02:21 #16 BenANFA View Profile View Forum Posts SitePoint Addict Join Date Apr 2003 Location Bath, UK Posts 353 Mentioned 0 Post(s) Tagged 0 Thread(s) Skewed in what way. Bootstrap Body Background Color EDIT: Finished checking, put the menu and style into header2.php and style2.php, everything looks fine. </p><p>Taking Control Back as a DM? Why? It's only as tall as the content inside it, just like a div or anything else. <a href="http://sohohosting.net/background-color/background-color-in-ie-not-working.html">check my blog</a> EDIT: I removed bootstrap and it started working... </p><p>Why do most microwaves open from the right to the left? But it is interesting how the background properties will bleed over from the BODY to HTML element. Luke Glazebrook Treehouse Moderator 13,386 Points Luke Glazebrook Luke Glazebrook Treehouse Moderator 13,386 Points 2y ago Glad to hear you got it sorted Mikaela! Encasing a star in a perfect insulator Coworker throwing cigarettes out of a car, I criticized it and now HR is involved Function to find all occurrences of substring more hot </p><p>Funny thing too, there is an IE bug with setting background images on the body but the bug does not exist when setting them on the html element. See what you think one the attached zip file is verified Attached Files barracks.zip (2.6 KB, 4 views) Sep 18, 2003,10:48 #15 Nick View Profile View Forum Posts masquerading Join Date share|improve this answer answered Aug 26 at 14:35 almost a beginner 355114 add a comment| Your Answer draft saved draft discarded Sign up or log in Sign up using Google Here's my main.css code: body { background-color: orange; } I'm wondering if there is something in normalize.css that isn't correct? </p><p>Browse other questions tagged css or ask your own question. MOD Luke Glazebrook Treehouse Moderator 13,386 Points Luke Glazebrook Luke Glazebrook Treehouse Moderator 13,386 Points about 2 years ago Please make sure that the stylesheet is properly linked in your HTML Problem solved. I have deleted and remade the main.css file to assure that it is in the proper folder and properly linked. </p><p>If you got the Normalize.css file from the project downloads then it should work perfectly without any edits. I don't have Mozilla so a screen shot would be handy. Hi now define your parent div .question-template overflow:hidden; .question-template{ overflow:hidden; } Method two now clear your parent Css .clr{ clear:both; } HTML <div class="question-template"> <div class="participants">234</div> <div class="question">Some lorem ipsum text</div> The fonts are Source Sans Pro and Source Code Pro. </p><p>The divs need to assert themselves. My code is below with what I believe to be no errors. Somewhere along the line, a background-color got set on the html element. You're going about your business and then all the sudden one day this happens: Check out this Pen! </p><p>Word for a non-mainstream belief accepted as fact by a sub-culture? Here it is <link href="maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/…; rel="stylesheet"> –user3042719 Nov 8 '14 at 3:30 If my solution solved your problem please mark it as the accepted answer. :) Also, I'm not Have you made sure to link your main.css below your Normalize however? I believe the onloy valid place for style tags is the head of the document. </p> </div> </div> </div> </div> <footer id="gtco-footer" role="contentinfo"> <div class="gtco-container"> <div class="row copyright"> <div class="col-md-12"> <p class="pull-left"> <p>© Copyright 2017 <span>sohohosting.net</span>. All rights reserved.</p> </p> <p class="pull-right"> <ul class="gtco-social-icons pull-right"> <li><a href="#"><i class="icon-twitter"></i></a></li> <li><a href="#"><i class="icon-facebook"></i></a></li> <li><a href="#"><i class="icon-linkedin"></i></a></li> <li><a href="#"><i class="icon-dribbble"></i></a></li> </ul> </p> </div> </div> </div> </footer> <!-- </div> --> </div> <div class="gototop js-top"> <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a> </div> <!-- jQuery --> <script src="http://sohohosting.net/js/jquery.min.js"></script> <!-- jQuery Easing --> <script src="http://sohohosting.net/js/jquery.easing.1.3.js"></script> <!-- Bootstrap --> <script src="http://sohohosting.net/js/bootstrap.min.js"></script> <!-- Waypoints --> <script src="http://sohohosting.net/js/jquery.waypoints.min.js"></script> <!-- Carousel --> <script src="http://sohohosting.net/js/owl.carousel.min.js"></script> <!-- countTo --> <script src="http://sohohosting.net/js/jquery.countTo.js"></script> <!-- Stellar Parallax --> <script src="http://sohohosting.net/js/jquery.stellar.min.js"></script> <!-- Magnific Popup --> <script src="http://sohohosting.net/js/jquery.magnific-popup.min.js"></script> <script src="http://sohohosting.net/js/magnific-popup-options.js"></script> <!-- Datepicker --> <script src="http://sohohosting.net/js/bootstrap-datepicker.min.js"></script> <!-- Main --> <script src="http://sohohosting.net/js/main.js"></script> </body> </html>