Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] Header image shows in firefox but not safari (http://forum.bytesforall.com/showthread.php?t=4858)

OneofThese Dec 13, 2009 01:51 PM

[SOLVED] Header image shows in firefox but not safari
 
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

OneofThese Dec 13, 2009 03:37 PM

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;
}

juggledad Dec 13, 2009 05:20 PM

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.


All times are GMT -6. The time now is 01:42 AM.

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