Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Header image shows in firefox but not safari


  #1  
Old Dec 13, 2009, 01:51 PM
OneofThese
 
2 posts · Dec 2009
Hello,

First post: I'm redesigning my webpage to follow a css template including header images and a consistent footer and have put an image in the header that shows up fine when i test the page in firefox but not in safari. i have read that you need to create space in the header so that the main content doesn't cover it up in safari. any advice?

thanks

dan
  #2  
Old Dec 13, 2009, 03:37 PM
OneofThese
 
2 posts · Dec 2009
page is here: http://www.oneoftheserecords.com/indextest.html

and css is here

@charset "UTF-8";
body {
font:"Courier New", Courier, monospace;
font-weight: bold;
color: #000000;
font-size:16px;
background:#FFFF00;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.template #container {
width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background:#FFFF00;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
font:"Courier New", Courier, monospace;
font-weight: bold;
color: #000000;
font-size:16px;
text-indent:50px;
text-align:justify; /* this overrides the text-align: center on the body element. */
}
.template #header {
width: 780px;
height: 250px;
background-image:url(ccsheader.jpg);
background-position:center;
}
.template #mainContent {
font:"Courier New", Courier, monospace;
font-weight:bold;
font-size:16px;
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background:#FFFF00;
}
.template #footer {
font:"Courier New", Courier, monospace;
text-align:left;
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#000000;
color:#FFFF00;
text-indent:0px;
font-weight:bold;
}
  #3  
Old Dec 13, 2009, 05:20 PM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
That page doesn't use the Atahualpa theme or WordPress. This forum is for users of the Atahualpa Theme. If You start using the theme and have an issue with the theme feel free to post a question.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
firefox, header, image, safari

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Header image shows 10 secs blank between image cycles elsanto Header configuration & styling 1 Nov 23, 2009 02:57 PM
Header shows in Safari but not in IE7 AbbyDon Header configuration & styling 9 Sep 25, 2009 08:10 AM
Header image is showing on Firefox and Safari but not on iE aquilaciencia Header configuration & styling 4 Aug 11, 2009 09:07 AM
Added header images, now none show on Firefox, Safari, etc. ldaily Header configuration & styling 5 Mar 13, 2009 05:36 PM
Firefox and Safari show 3 columns. IE only shows 2. How do I resolve? rwang Sidebars & Widgets 9 Dec 20, 2008 03:46 AM


All times are GMT -6. The time now is 05:53 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.