|
CSS - Css H2 Not Showing Up In Ie On Busy Page
I have an IE glitch that I'm wondering if there is a work around for.
Basically on a busy page, a few of my headers dissapear. The code is correct, and the page renders perfectly in Firefox. The page also renders correctly in IE, but once I add all the images to the page (lots of thumbnails), a few random headings (h2's) don't show up. I can highlight the text with the mouse, and the heading appears, until I scroll then it dissappears again. This is obviously some rendering glitch... has anyone come across this before? Any ideas on a work around? Let me know if you want more detail - I'd paste code, but I've seen it happen before and the only thing that's the same is a series of h tags all css'd up and IE 6. Thoughts? Similar TutorialsI am am not that good at this website coding stuff. I put my website together almost two years ago.....bowsforgirls.com -- I am now trying to implement css as is such a pain to change the menu options, footer, etc. when I have to do it on all of the various pages. website is buttercupbowtique.com The problem is that my css page -- mystyle.css and my trials page -- abc.html are not working together. I am sure that it is something completely inane...but any suggestions would be greatly appreciated. I look forward to a remedy for this hair-pulling problem. Thanks all, Michelle I've been looking through many, many forums trying to resolve this issue, so please forgive me if there is a solution to this that I've missed. Here's the deal: On some installs of Firefox (4.0), the body is being positioned 28px lower than the top of the screen. I set the <html> tag to have a light blue background to troubleshoot the issue, and now there is a light blue bar across the top of the page, proving that it is the body of the page that is lower than it should be. I thought it was a Firefox "collapsing margin" issue, so I added "margin:0; to almost everything, and it didn't help. I'm trying to do this without having to absolutely position everything. Here's the site: www-dot-myportlandtours-dot-com here's the css: www-dot-myportlandtours-dot-com/wp-content/themes/myportlandtours/style.css Anybody have insight into this? Hi, I had this working but somehow it's not working again. The problem I am having is that scroll bars are showing up in my iframe in Firefox, Opera, and Safari, but not IE7 and IE6. Here is the link: http://www.caillouette.com/NewCatsMeow/ I know I need to tighten up my style sheet, but if someone could tell me how to solve this, I would be very happy. Here's the iframe code in the index page: Code: <div id="bodyInfo"> <iframe name="mainBody" width="770" height="602" src ="body.html" scrollbars="NO" border="0"> </iframe> <!-- end #bodyInfo --></div> Hi, I have tested on various browsers and platforms. Unfortunately, my div does not appear in IE7. Here's the <div> code:: Code: <div id="mardiGras"> <a onclick="updateWithParty()" href="#"><img src="images/nav/MardiGras.gif" border="0"></a> </div> Here's the style sheet for the mardiGras <div> Code: #mardiGras{
position:absolute;
z-index:999;
top:331px;
width:260px;
height:221px;
background-image:url(http://www.catskaraoke.com/images/nav/MardiGras.png);
display:block;
}
I tried to use a gif instead of a png, but that didn't work. Can anyone tell me what I'm doing wrong? thanks Hey all i am trying to figure out why my search box results shows up just fine in IE, Safari but not FF or Chrome. Here is my code for the search box: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
//********************************************
// Search Function
//********************************************
var count = 0;
function set2Show()
{
//document.getElementById("productLine_wrap").style.visibility = "visible";
//document.getElementById("contactInner").style.visibility = "visible";
$('#suggestions').fadeOut();
}
function delayType(theValue)
{
count = count + 1;
$('#suggestions').fadeOut();
setTimeout("searchGo(" + count + ",'" + theValue + "')", 1000);
}
function searchGo(currCount, currValue){
if(currCount == count){
count = 0;
lookup(currValue);
}
}
google.setOnLoadCallback(function()
{
$("input").blur(function(){
$('#suggestions').fadeOut();
//document.getElementById("productLine_wrap").style.visibility = "visible";
//document.getElementById("contactInner").style.visibility = "visible";
});
});
function lookup(inputString) {
if(inputString.length == 0) {
$('#suggestions').fadeOut();
//document.getElementById("productLine_wrap").style.visibility = "visible";
//document.getElementById("contactInner").style.visibility = "visible";
} else {
$("#loading").bind("ajaxSend", function(){
$(this).show();
document.getElementById("inputString").disabled = true;
$('#inputString').fadeTo("fast", 0.5);
}).bind("ajaxComplete", function(){
$(this).hide();
document.getElementById("inputString").disabled = false;
$('#inputString').fadeTo("fast", 1);
});
$.post("fetchSearch.asp", {queryString: ""+inputString+""}, function(data) {
$('#suggestions').fadeIn();
$('#suggestions').html(data);
//document.getElementById("productLine_wrap").style.visibility = "hidden";
//document.getElementById("contactInner").style.visibility = "hidden";
});
}
}
</script>
<style type="text/css">
/* COMMON CLASSES */
.break { clear:both; }
a img { border:0 }
/* SEARCHRESULTS */
#searchresults {border: 1px #000 solid; width:250px; background-color:#FC6; font-size:10px; line-height:14px; text-align:left; z-index: 99;}
#searchresults a { display:block; background-color: #FFE2C6; clear:left; height:56px; text-decoration:none; }
#searchresults a:hover { background-color: #FFF;}
#searchresults a img { float:left; padding:3px 4px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:1px; color:#000; border-top: 1px dotted #000; }
#searchresults a:hover span.searchheading { color:#000; }
#searchresults a span { color:#000; }
#searchresults a:hover span { color:#000; }
#searchresults span.category { font-size:11px; margin:5px; width:250; color:#000; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;}
#searchresults span.seperator a { background-color:transparent; display:block; margin:1px; height:5px; color:#000; }
#loading {position:absolute;width:16px;height:11px;z-index:3;left: 70px;top: 7px;display: none; z-index: 1000;}
#suggestions {position:absolute;width:16px; height:11px;z-index:60;left: -72px;top: 23px;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<body onfocus="set2Show();">
<div id="searchBox" align="center">
<div id="loading"><img src="ajax-loader.gif" alt="" width="16" height="11" align="left" /></div>
<ul id="searchForm">
<li><span class="fieldbox">
<input type="text" name="inputString" maxlength="27" id="inputString" value="" onmousedown="set2Show();" onkeyup="delayType(this.value);" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold; vertical-align: text-top; text-transform:lowercase;"/>
</span></li>
</ul>
<div id="suggestions"></div>
</div>
</body>
</html>
I can not seem to find out why it doesnt want to display in FF or Chrome... Any help would be great! David I'm trying to get my navigation to work, but I can't get it to work in IE. Works great in all other browsers. Look at this in firefox, chrome, safari: 0000qx5.previewcoxhosting.com/resources.php When you mouseover "resources" or "about us", a sub navigation bar appears. But not in IE 7 or 8. Does anyone have suggestions? Hey, I have a CSS layout: http://kings.edux.co.uk/fix2.php And this is my CSS doent: http://kings.edux.co.uk/css/style.css If you look at the source-code there is a div with the 'footer' class at the bottom, but I can't get it to show at the bottom on this page, possibly because the div above has a auto height attribute. But ideally I need the div at the bottom of the page and all divs above. Here is the 'footer' class: Code:
#footer {
margin: 0 auto; /* align for good browsers */
width:159px;
margin-top: 0px;
font-size:9px;
font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif ;
color: #333333;
letter-spacing:1px;
}
I have tried a few things but nothing's working yet. Hi, I have a site that works fine on most computers, but the homepage needs to be refreshed in IE6 and 7. Unless you type in "index.php" after the domain name, you have to refresh the page to see all the content. I have the correct doctype, and I believe my code is clean. I posted about this weeks ago, resolved the problem, now the site is having similar issues. Here is the site:: http://www.catskaraoke.com Any advicde or suggestions are greatly appreciated. thanks - Thanks for taking the time to read my question. I have an <ol> that shows up in FF but not IE7. I have no idea why. I've tried a bunch of different things in my css but none of them work. HTML: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="Warren Persowich Humour Facilitator - Stand-Up Comedian Winnipeg Manitoba. Comedic entertainment performances laughter and insight. Fun professional development. A decade of stand-up experience." />
<meta name="keywords" content="Warren Persowich, Comedian, Comedic, Stand Up, Stand-Up, Comedy, Business, Winnipeg, Manitoba, Cancer, Entertainment, Funny, Hilarious, Interactive, Laughter, Psychology, Professional, Development" />
<meta name="Revisit-After" content="7 Days" />
<meta name="Robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="verify-v1" content="ongXn98vPdWEemx2Lu5qZozNxw3CDdugXLIpK9XzOr4=" />
<title>2 Nations Female Hockey League:::::</title>
<script type="text/javascript" src="Javascript/coolmenu.js"></script>
<script type="text/javascript" src="Javascript/menu_items.js"></script>
<link rel="stylesheet" type="text/css" href="menu_styles.css">
<link rel="stylesheet" type="text/css" href="2NFHL.css">
</head>
<body>
<script type="text/javascript">var m1 = new COOLjsMenu("menu1", MENU_ITEMS)</script>
<div class="LogoDiv"><img class="Banner" src="Images/ChampBanner.jpg" /></div>
<div class="NavDiv">
<p class="TeamsNav">Teams: <a href="Team1">Coyotes</a> | <a href="Team2">Extreme</a> | <a href="Team3">Ice Cats</a> | <a href="Team4">Saints</a> | <a href="Team5">Mustangs</a> | <a href="Team6">Lightening</a> | <a href="Team7">On Edge</a></p>
</div>
<div class="ContentDiv">
<p class="COC1">Two Nations Female Hockey League dedicates itself to the advancement of female hockey for all individuals through progressive leadership by ensuring meaningful opportunities and enjoyable experiences in a safe sportsmanlike environment. </p>
<p class="COC">Two Nations Female Hockey League has adopted this "Code of Conduct" in which all members are expected to follow. The intent of this <strong>"Code of Conduct"</strong> is to maintain a fun, competitive respectful experience for all who attend any function of this league.</p>
<p class="COC">Two Nation Female Hockey League "Code of Conduct" simply places an emphasis on respect:<br />
<strong>Respect</strong> the game.<br />
<strong>Respect</strong> the rules.<br />
<strong>Respect</strong> the opponents.<br />
<strong>Respect</strong> the Coaches, Officials, Parents, Executives, Players, Arena Staff, Volunteers and their decisions.<br />
<strong>Respect</strong> the facility.<br /></p>
<p class="COC"><strong>Maintain self-control at all times.</strong> In order to reduce the number of abusive and harassing incidents in hockey, we all have a monumental responsibility to model pro-social behaviors. We are role models for our children and youth, therefore it is vital we act accordingly.</p>
<p class="COC">As such, any excessive profanity, harassment, bullying, or aggression directed at a game official, executive member, team official, parent, child, arena staff, or volunteer will not be tolerated and appropriate disciplinary action will be result from these actions.</p>
<p class="COC">Appropriate disciplinary action is outlined in the Two Nations Female Hockey League Policies and Procedures, and follows a strict set of rules and guidelines to ensure confidentiality, neutrality and fairness.</p>
<p class="COCTitle">Code Of Conduct</p>
<p class="COC">All members of the League and all invitees, including spectators, shall abide by the following code of conduct. Failure to do so may result in disciplinary measures, including suspension and/or expulsion.</p>
<ol class="COCOL">
<li class="COCLI">Win or lose, players shall congratulate their team-mates and coaches as well as the players and coaches of the opposing team in a genuine and positive manner. Derogatory comments are absolutely forbidden.</li>
<li class="COCLI">The referees are in charge of the game. Only the captains and alternate captains of the team shall address the referees and then shall do so only in a civil tone. Use of foul or abusive language is absolutely prohibited. While explanations of a referee's call may be legitimately sought, questioning the referee's judgment is forbidden. Accept the call and get on with the game.</li>
<li class="COCLI">Spectators shall provide only a positive encouragement for the players, coaches, and referees. Derogatory comments aimed at any player, coach, or referee from a spectator shall be addressed with a strong warning on the first offence at any game. Upon the commission of a second offence by the same spectator, that spectator shall be removed form the Arena and forbidden re-entrance during the game and spectator's identity shall be properly noted. Should any spectator be removed from any two games, that spectator's removal shall be accompanied by a (one-month) ban from attendance at any games held by the league. Upon a third offence, that spectator shall be banned for the balance of the season. </li>
<li class="COCLI">The coaching staff shall lead by example and shall adhere in all respects to this code of conduct. In addition, coaching staff shall address their own players the referees and the coaching staff of the other team only in a civilized and respectful tone. Coaching staff of the team may not address the players of the opposing team except to provide positive encouragement or congratulations. Discouraging or humiliating remarks, gestures or other communications to players, referees and the opposing team shall be absolutely forbidden. In addition, coaching staff shall at all times, both in practices and games, treat their own players with respect and dignity. Humiliation, belittlement and embarrassment through words, actions or conduct are inappropriate forms of punishment and ineffective instructional methods and shall be absolutely prohibited. </li>
<li class="COCLI">Play hard but play fair. Hockey by its nature is a physically tough game; it shall be played with maximum effort in a sportsmanlike manner within the rules from time to time endorsed by the Two Nations Female Hockey League. Players shall not set out to intentionally maim or injure another player and the coaching staff, by their actions, words, conduct or inaction, shall not encourage or endorse such behavior.</li>
<li class="COCLI">Last in the spirit of this league get to know the players, families and coaches involved with all eight teams. This is an elite group of players who love the game and seek to play at a higher level. Reach out and welcome each other and help all enjoy and benefit from the experience of the competition and travel. Hockey is a small world and an opportunity for all of us to help our kids prepare for the game of life.</li>
</ol>
</div>
<div class="BottomNavDiv">
<div class="BottomNavDivCont">
<p class="BottomNavLinkP"><a href="Index.htm" class="BottomNavLink">Home</a> | <a href="Index.htm" class="BottomNavLink">About Us</a> | <a href="Index.htm" class="BottomNavLink">Philosophy</a> | <a href="Index.htm" class="BottomNavLink">Teams</a> | <a href="Index.htm" class="BottomNavLink">Standings</a> | <a href="Index.htm" class="BottomNavLink">Schedule</a> | <a href="Index.htm" class="BottomNavLink">Contact Us</a> | <a href="Index.htm" class="BottomNavLink">Links</a><p/>
</div>
</div>
</body>
</html>
CSS: Code: html, body {
height: 100%;
padding: 0;
margin: 0;
}
.LogoDiv {
background-image:url("Images/WOMENSHOCKEY CHOICE 1Small.jpg");
background-repeat: no-repeat;
background-position: top left;
margin: 2px auto;
padding: 0px;
height: 87px;
width: 800px;
display: block;
}
img.Banner {
float: right;
}
.NavDiv {
background-image: url(Images/N2NavBar.jpg);
background-repeat: repeat-x;
background-position: top left;
padding: 10px 0px 0px 0px;
margin: 0px 0px -13px 0px;
height: 80px;
width: 100%;
display: block;
}
.TeamsNav {
padding: 0px;
margin: 0px 0px 0px 400px;
font-size: 12px;
}
.ContentDiv {
width: 800px;
/*height: 400px;*/
overflow: hidden;
background-image:url(Images/Background-Blue3.jpg);
background-repeat: no-repeat;
background-position: top left;
margin: 0px auto;
padding: 0px;
display: block;
position:static;
z-index: -1;
}
.TNFHLTW{
width: 281px;
overflow: hidden;
background-image:url(Images/TNFHLThisWeek.jpg);
background-position: top left;
background-repeat: no-repeat;
margin: 50px 0px 0px 30px;
padding: 50px 0px 0px 0px;
}
.COC1 {
padding: 2px;
margin: 50px 0px 0px 30px;
width: 700px;
float: left;
text-indent: 20px;
}
.COC {
padding: 2px;
margin: 10px 0px 0px 30px;
width: 700px;
float: left;
text-indent: 20px;
}
.COCLI {
margin-top: 10px;
}
.COCOL {
padding: 2px;
margin: 10px 0px 0px 30px;
width: 650px;
float: left;
}
.COCTitle {
padding: 2px;
margin: 10px 0px 0px 30px;
width: 700px;
float: left;
text-align: center;
font-weight: bold;
text-decoration: underline;
font-size:18px;
}
p.TNFHLTWP {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 4px;
margin: -9px 0px 0px 0px;
}
.BottomNavDiv {
padding: 0px;
height: 72px;
width: 100%;
display: block;
border-top: 4px solid red;
margin: 0px;
height: 25px;
}
.BottomNavDivCont {
margin: 0px auto;
width: 800px;
overflow: hidden;
display: block;
height: 25px;
padding: 0px 0px 0px 20px;
}
/*.BottomNavDivCont ul li {
display: inline;
padding: 0px 10px 0px 0px;
font-size: 10px;
color: #ff0000;
margin: 0px;
}*/
.BottomNavLinkP {
font-size: 10px;
color: #ff0000;
display: block;
}
.BottomNavLink {
font-size: 10px;
color: #ff0000;
}
a.BottomNavLink:link{
text-decoration: none;
}
a.BottomNavLink:visited{}
a.BottomNavLink:hover{
text-decoration: underline;
}
a.BottomNavLink:active{}
p.TeamsNav a:link{
text-decoration: none;
color: #000099
}
p.TeamsNav a:visited{}
p.TeamsNav a:hover{
text-decoration: underline;
}
p.TeamsNav a:active{}
Thanks, Brad I have a div that is positioned absolute at 88px from the top. In both IE6 and IE7 this comes out decently. However, in FF the div is being put at the top of the page. You can take a look at this he www.dvolve[REMOVE].org/ktt/ Any pointers on what's going on here? -DeV My "sidebar" div isn't appearing, and neither is my paragraph inside my "mainContent" div. I have looked online and proofed it over and over, but can't seem to find the problem. Any help will be appreciated. CSS: Code: /*
Designed by: Derrick Zavarella
Date: 10/19/2010
Primary Colors:
#ffffff
#cbe86b (light green)
#f2e9e1 (light gray)
#1c140d (light black)
#cbe86b (lime green)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
body{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#container{
width: 960px;
margin: auto;
}
#header{
width: 960px;
height: 135px;
background-image: url(images/header.png);
background-repeat: no-repeat;
margin-top: 20px;
}
#header h3, p{
display: none;
}
#nav{
width: 960px;
height: 20px;
background-color: #1c140d;
}
#nav ul{
float: left;
list-style: none;
margin-top: 3px;
}
#nav ul li{
display: inline;
margin-left: 5px;
}
#nav ul li a{
color: #f2e9e1;
text-decoration: none;
font-style: italic;
font-size: 10px;
}
#nav ul li a:hover{
color: #cbe86b;
}
#mainContent{
float: right;
width: 760px;
margin: 0px;
padding: 20px 0px 0px 0px;
}
#mainContent h2{
font-weight: normal;
font-style: italic;
font-size: 16px;
margin-top: 15px;
}
#mainContent p{
color: #f2e9e1;
}
#sidebar{
float: left;
width: 200px;
background-color: #e7e6e6;
}
HTML: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org">
<meta http-equiv="content-type" content=
"text/html; charset=windows-1250">
<link rel="stylesheet" href="style.css" type="text/css">
<title>deBuhrs Seed & Feed</title>
</head>
<body>
<!--container begins here-->
<div id="container">
<!--header begins-->
<div id="header">
<h3>deBuhrs</h3>
<p>seed&feed</p>
</div>
<!--end header-->
<!--navigation begins-->
<div id="nav">
<ul id="menu">
<li><a href="index.html">home</a></li>
<li><a href="about.html">about</a></li>
<li><a href="products.html">products</a></li>
<li><a href="staff.html">staff</a></li>
<li><a href="contact.html">contact us</a></li>
<li><a href="affiliate.html">affiliate</a></li>
</ul>
</div>
<!--navigation ends--><!--mainContent begins-->
<div id="mainContent">
<h2>welcome to our new website!</h2>
<p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus
mus. Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem. Nulla consequat massa quis
enim. Donec pede justo, fringilla vel, aliquet nec,
vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum
felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean leo ligula,
porttitor eu, consequat vitae, eleifend ac, enim.
Aliquam lorem ante, dapibus in, viverra quis,
feugiat a, tellus. Phasellus viverra nulla ut metus
varius laoreet. Quisque rutrum. Aenean imperdiet.
Etiam ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi. Nam eget dui. Etiam
rhoncus. Maecenas tempus, tellus eget condimentum
rhoncus, sem quam semper libero, sit amet
adipiscing sem neque sed ipsum. Nam quam nunc,
blandit vel, luctus pulvinar, hendrerit id, lorem.
Maecenas nec odio et ante tincidunt tempus. Donec
vitae sapien ut libero venenatis faucibus. Nullam
quis ante. Etiam sit amet orci eget eros faucibus
tincidunt. Duis leo. Sed fringilla mauris sit amet
nibh. Donec sodales sagittis magna. Sed consequat,
leo eget bibendum sodales, augue velit cursus
nunc.<br>
</p>
<hr align="center" width="450" noshade="noshade" color="#e7e6e6">
<h2>welcome to our new website!</h2>
<p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus
mus. Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem. Nulla consequat massa quis
enim. Donec pede justo, fringilla vel, aliquet nec,
vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum
felis eu pede mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean leo ligula,
porttitor eu, consequat vitae, eleifend ac, enim.
Aliquam lorem ante, dapibus in, viverra quis,
feugiat a, tellus. Phasellus viverra nulla ut metus
varius laoreet. Quisque rutrum. Aenean imperdiet.
Etiam ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi. Nam eget dui. Etiam
rhoncus. Maecenas tempus, tellus eget condimentum
rhoncus, sem quam semper libero, sit amet
adipiscing sem neque sed ipsum. Nam quam nunc,
blandit vel, luctus pulvinar, hendrerit id, lorem.
Maecenas nec odio et ante tincidunt tempus. Donec
vitae sapien ut libero venenatis faucibus. Nullam
quis ante. Etiam sit amet orci eget eros faucibus
tincidunt. Duis leo. Sed fringilla mauris sit amet
nibh. Donec sodales sagittis magna. Sed consequat,
leo eget bibendum sodales, augue velit cursus
nunc.</p>
</div>
<!--end mainContent-->
<!--sidebar begins-->
<div id="sidebar">
</div>
<!--sidebar ends-->
<!--footer begins-->
<div id="footer">
</div>
<!--footer ends-->
</div>
<!--end container-->
</body>
</html>
Hi, for some reason IE6 isn't showing the bottom-border for some of the links in my sidebar. It seems to show some borders but not all. Opera & Firefox show all the borders. Anyone have any idea as to why some of the borders show but others don't? http://goodbyepolar.com http://goodbyepolar.com/wp-content/themes/benevolence/style.css Cheers. Look fine in FF3 and Chrome, nothing shows in IE8. I likely screwed it up, there is a separate CSS for IE but I can't see what is missing. Thank you for your help, if you can spare it. www.tulsahope.com good evening all, i am new here. tonight i tried to upload a web page that i had already made. i had already seen what it looked like, and the images were displaying just fine, but then when i uploaded the file and viewed it (from the website as opposed to from my hard drive)the images were not showing (except for the first one which was just a test). i don't know why there should be a difference, since the file is exactly the same. any help would be greatly appreciated! thank you. Hey guys, I previously had a CSS 3 column layout I took off of some site, but it didn't display properly in FireFox, so I just remade one, and it works PERFECT in IE and FireFox, but my footer won't show.... Code:
body
{
margin: 0px;
padding: 0px;
background: black;
}
#header
{
height: 150px;
background: black;
}
#leftCol
{
position: absolute;
left: 0px;
width: 15%;
top: 153px;
font-color: black;
background-image:
url('/images/dkredblk.gif');
}
#rightCol
{
position: absolute;
top: 153px;
right: 0px;
width: 16%;
background: black;
}
#mainCol
{
position: absolute;
top: 153px;
left: 15%;
right: 16%;
width: 69%;
bottom: 6;
font-color: brown;
background-color: #D1D1D1;
}
#footer
{
height: 60px;
width: 100%
background: black;
font-color: red;
}
Anyone mind helping? I have defined my H2 as Code: #content h2 {
font-size: 12px;
color: #cc9966;
text-transform: lowercase;
font-style: normal;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #cc9966;
border-left-color: #cc9966;
padding-left: 2px;
padding-top: 2px;
position: relative;
}
My bug is that the top border does not show at all, sometimes, in IE (sometimes it does, and mozilla seems to be fine always - of course). For example, see http://www.jaypaulstudio.com/about.html where it does not show and http://www.jaypaulstudio.com/gallery/beach/spink.html where it does show. Perhaps I've been looking at it too long, but the two occurrences look like they have the same css applied to them on both pages... Any ideas why this might be happening? Thanks for taking the time to look - Sarah Hi: I have the following in my CSS file: PHP Code: #body { background: url('images/columns.gif') repeat-y; text-align: left; } The problem is that the background image is not showing up un MS Internet Explorer. It works fine in Firefox. Is this a bug? Do I need a hack? hi, I have written a small tooltip code which works in FF and Opera but does not work in IE 6. When I hover it shows nothing. I have the following css Code: a {position: relative;}
a span {display: none;}
a:hover span {
position: absolute;
top: 5px;
left: 30px;
display: block;
background: #fdd;
border: 1px solid red;
}
and am using it like this Code: <a href=# >Name<span>full name</span></a> I am trying to set up a simple hover event which shows a div when another div is hovered. Can anyone tell me why my code is not working? In the HTML: Code: <div id="package-tab1"> <h3>Basic Package</h3> </div> <div id="description1">asdfasdfasdf</div> In the CSS: Code: #package-tab1 {
width: 135px;
height: 100px;
border: solid 1px;
padding: 10px;
float: left;
margin: 10px;
}
#description1 {display:none;}
#package-tab1:hover #description1 {
display:block;
position:absolute;
left:0;
top:0;
width:300px;
height:500px;
border:1px solid #900;
background-color:#FFEFEF;
}
|
|||||||