473,808 Members | 2,797 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Contents Container Background Image not displaying in browser

3 New Member
I am using Visual Studio 2008 to create a vb.net webite and I have created a three column content container however the background image will not display in browser (I have only tested on IE and Firefox). The CSS below actually displays the background image in design view of Visual Studio. I have tried every variation on the path I can think of the get it to display.

Any assistance would be welcomed and appreciated.

Expand|Select|Wrap|Line Numbers
  1. #content-container-BPK-3column 
  2. {
  3.     background:url('/PublicPages/images/bg-three-column-main.png') repeat-y;
  4.     margin-top:3px;
  5.     margin-left:auto;
  6.     margin-right:auto;
  7.     padding:15px;
  8.     width:728px;
  9.     border:1px solid #818181;
  10.     position:relative;
  11.     height: Auto;
  12. }
  13.  
  14. #content-main-BPK-3column 
  15. {
  16.     width:348px;
  17.     float:left;
  18.     text-align: justify;
  19.     height: auto;
  20. }
  21.  
  22. #content-side2-BPK-3column {
  23.     float:right;
  24.     height: 460px;
  25.     width: 162px;
  26. }
  27.  
  28. #content-side1-BPK-3column {
  29.     float:left;
  30.     height: auto;
  31.     text-align: left;
  32.     width: 190px;
  33. }
May 11 '10 #1
3 3076
Dormilich
8,658 Recognized Expert Moderator Expert
I think the problem is how browsers read the image URL. relative file paths are followed from the directory the CSS resides in. I’m not sure, though, how your current path is read.
May 11 '10 #2
Sunil Dhanerwal
2 New Member
the same problem is happened with me and i did not found any reason.but if we try to think something,the problem is not of browser but it's machine specific.
when i run the same application on another machine i was little surprised to same that same browser is displaying all images.
if you found any reason why the browser is not able to display images plz post the reply
Sep 19 '10 #3
Sunil Dhanerwal
2 New Member
hi,i am2010 passed out and have a good knowledge of designing web application in asp.net.but i am little bit weak in designing the database.so,can you please suggest me some tips and traps of designing database.
or you can simple tell me,what's your view while designing the database?what should i need to care while designing the database
Sep 19 '10 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

4
9738
by: Mimo Zus | last post by:
I'm hoping that someone can explain what's going on; better yet provide a workaround. I'm designing a centered CSS site based on a 550 pixel wide vertical background image. Onto this background I built a two column layout with nested navigation and content divs. The background image is centered via "background: ... center;", the divs are centered over it via "margin: 0 auto 0 auto;". The problem I'm having in IE6 is inconsistent...
5
116813
by: Derek Fountain | last post by:
I have a horizontal navigation bar, which is a single row table containing the right images. It "stretches" itself across the screen using a penultimate td like this: <td width="100%" background="images/nav_bar/nb_spacer.gif">&nbsp;</td> which works in all major browsers that I've tried, but doesn't validate. No background attribute to the td tag, apparently. What is the correct way to do this? A stylesheet entry with a
1
3314
by: RJ | last post by:
Hello! I am trying to lay out a left navigation column with a background image, where the left nav column runs the entire scrolled height/length of the page. The float:left column layout works fine, but the background image doesn't continue downward in this column below the links. I tried this in FireFox 1.0.7 and IE6, but this image stops where the last link stops. I want the background all the way to the bottom. How can I force...
3
4983
by: Greg Heilers | last post by:
Hello everyone... If one has a <div> that is completely filled with a background-image; how does one style it so that the image *continues* to fill the <div> top-to-bottom, left-to-right; if the viewer adjusts the font-size on his browser? I have everything sized in em's, so that the actual <div> "box" resizes along with the text, but the background-image will not resize if the text is "zoomed". I can not find anything pertaining
7
5131
by: Nilesh | last post by:
I am using background-image attribute in a CSS file and linking the CSS file to aspx page. But strangly, background-image attribute is not working for relative URL. e.g. If I apply following css ..navbar-background { background-image: url(images/menubar.gif); } the image is not appearing on the page. It seems that IE is picking
2
1373
by: Paul W Smith | last post by:
Cam anyone see what is wrong below: Why does the background images not appear???? Paul Smith ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ #container {background-color: #fff; color: #333; border: 1px solid gray; line-height: 120%; }
4
2473
by: bissatch | last post by:
Hi, I have launched my new website and having viewing it on the Mac Internet Explorer, have found that it isnt displaying my background-image property. Is this a common bug / occurance? How are background-image properties displayed on the Mac IE? Cheers Burnsy
2
12575
by: Uliana | last post by:
Hi, I cant move image. I have: <fo:block-container absolute-position="absolute" left="0px" top="0px" width="1920px" height="1080px" background-color="transparent" color="transparent"> <fo:block position="absolute" left="100px" top="460px" width="480px" height="270px" display-align="center" background-image="url( 'chapter1____e.png' )"> <fo:external-graphic width="480px" height="270px"> </fo:external-graphic> ...
5
2880
by: simcom | last post by:
Hi I have seen a few other posts on this forum about this from my seaching, however still cannot find a solution to my issue (probably just me, so if anybody knows where this has been answered before grateful for a point in the right direction). My CSS background masthead is appearing fine, as are all of my background images in other cells. The problem div is this one: #main { position:relative; left:0px; top:0px;
2
14079
by: thephatp | last post by:
I'm having a problem with IE rendering correctly. I'm experimenting with using all div's in my pages now, and I'm not very familiar with the quirks of IE. I have created a sample page, and I'm really confused as to what is going on in IE. FF renders the page exactly as I expect. IE renders the page with everything in the correct location, but it seems to double the background image for a sub-div section that is moved up using a negative...
0
9600
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10628
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10373
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
9195
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
6880
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5685
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4331
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3859
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
3011
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.