473,376 Members | 1,019 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,376 software developers and data experts.

100% header and 100%footer image

Looked almost ok in my editor but not so good in fire fox. I was going for a layout that was elastic some what. A header with one image repeating 100%, an there image slightly to the left also in the header, a container a 20% wide box for a list, two 80% wide boxes for content, a footer with the same image set up to end it. It was looking almost there for white but the footer image could now
be viewed.
?=

Expand|Select|Wrap|Line Numbers
  1.  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.  
  3. <html>
  4. <head><title>?????</title>
  5. <style type="text/css">
  6.  
  7.  
  8.  
  9. /*------------------pic------width:11px height:257px-------*/
  10.  
  11. body { 
  12.     font: Tahoma;
  13.     color: #999999;
  14.     background-color: #626262; 
  15.     margin: 0px; 
  16.     padding: 0px;
  17.     background-image: url(ffbgtoprepeat.png);
  18.   background-repeat: repeat-x;
  19.     }
  20.  
  21.  
  22.  
  23.  
  24. /* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */
  25. #Container { 
  26.     background: url(bg_main.gif) repeat-y; 
  27.     width: 100%;
  28.     margin-top: 0px;
  29.     padding-top: 0px;
  30.     }    
  31.      /*------------------pic------width:660px height:257px the pic is 1px higher than the repeated image-------*/
  32. #header 
  33.      {padding: 0px;
  34.       margin: 0px; 
  35.             background: url(ffbgtopmain.png) no-repeat right top;
  36.             clear:both;width:660px%;height:258px;
  37.  
  38.  
  39.             }
  40.  
  41.  
  42. #Welcome        
  43.             {margin-left:17.%;
  44.             background: url(date2.png) no-repeat left top; 
  45.             width:80%;
  46.             height:200px;
  47.             border:1px solid #000000;position: justify;
  48.  
  49.             }
  50.  
  51. #News      
  52.      {margin-left:17.%;
  53.             background: url(date2.png) no-repeat left top; 
  54.             width:80%;
  55.             height:200px;
  56.             border:1px solid #000000;position: justify;
  57.             }
  58.  
  59.  
  60. #Linklist    
  61.      {
  62.     marging-left:18%
  63.     width: 200px;height: 400px;
  64.     font: 10px Tahoma; 
  65.     position: absolute;
  66.     top: 258px;
  67.     right: 819px;
  68.   border:1px solid #000000;}
  69.  
  70.     }
  71.     /*------------------pic------width:18px height:110px-------*/
  72. #Footer                     
  73.   {
  74.   background-image: url(ffbgtoprepeat.png);
  75.   background-repeat: repeat-x;
  76.     border:1px solid #000000;position:relative;}
  77.         /*------------------pic------width:660px height:110px-------*/
  78.  
  79. /*---not used---*/#Footerimage
  80.                         {
  81.             background: url(ffbottomrepeat.png) no-repeat right bottom;
  82.             width:100%;
  83.             height: 110px;}                                                                  
  84. </style>
  85.  
  86. </head>
  87. <body>
  88.  
  89. <div id="Container">
  90. <div id="header">
  91. <div id="Breadcrumbs"></div></div>
  92.  
  93.  
  94.  
  95. <div id="Welcome">Welcome</div>
  96.  
  97. <div id="News">News</div>
  98.  
  99. <div id="Linklist"> Linklist</div>
  100. <div id="Footer">Footer</div>
  101.  
  102.  
  103. </div>
  104.  
  105.  
  106. </body>
  107. </html>
  108.  
Feb 8 '08 #1
2 3172
Never mind can the 1st mode delete this.(=
Feb 8 '08 #2
drhowarddrfine
7,435 Expert 4TB
Your doctype is incomplete and IE is in quirks mode.
Feb 8 '08 #3

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

Similar topics

0
by: ad | last post by:
How can I set the page's header, footer of IE when IE in preview or print mode?
2
by: Jurjen de Groot | last post by:
When printing my webpage, IE inserts a header (name of the webform + pageNr ) and a footer (URL + date) Does anyone know of a way to supress this behaviour, I'd like to print a letter / invoice...
3
by: ruca | last post by:
Can I add dinamicaly (in my code) a header and a footer for each time I want to print a web page from my web application? NOTE: The print command made for my is a click in a button that I have in...
7
by: JIM.H. | last post by:
Hello, Is it possible to change a datagrid Header and Footer text in code behind dynamically? Thanks, Jim.
1
by: Gabriel Lozano-Morán | last post by:
I was wondering if it is possible to change the header/footer (See menu file -> Page setup in IE) by using meta tags. We have a module that uses the ActivePDF Webgrabber component to generate PDF...
5
by: Elena | last post by:
I need the VB.NET code to change the header/footer of an Excel spread sheet, ASAP. I am doing it through a VB application. I can change the ranges/cell values using code, but I do not know how to...
4
by: jmalvika | last post by:
Hi all, I'm trying to generate an excel report from an ASP web page using .. "response.ContentType = "application/vnd.ms-excel" .... I need to add a custom header & footer to the excel...
4
by: stevesj | last post by:
I have a web form that generates 4 or 5 printed pages of html and a few images. I know how to insert CSS page breaks. Is there a way to calculate on the server where the page will break - like...
3
by: HugeBob | last post by:
Hi All, Is it possible to access the browser's print header/footer. I want to create a printable version of a page and alter the printout's header and footer. Is this possible? Thanks!
3
by: Noorain | last post by:
I designed a site. i want to header,footer,left & right column fixed but body information only scrolling. this site screen to be 800/600 px. i designed this way but when i used position fixed all...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.