|
CSS - Weird Issue With Firefox
hey all,
i'm having a really strange issue with firefox users on windows. basically, my site is simple. i've got navigation on the left, and a content table on the right. it's all done with CSS. firefox users on windows have been complaining that sometimes (not all the time) the content window has been loading half way. it's beendoing this on numerous PCs with firefox, and i can't figure it out. sometimes it loads the whole content box, sometimes it stops half way. it's fine all the time in IE on both platforms, and firefox on a mac. here is the code i'm using for the content boxes: #content_table { FONT-FAMILY: Verdana, Helvetica; width: 60%; margin: 0 auto; border: 1px solid #999; overflow: hidden; } #content_table h2 { FONT-FAMILY: Verdana, Helvetica; margin: 0; -moz-opacity: 1; font-size: 15px; text-align: left; padding: 2px 0 2px 15px; font-weight: bold; background: #000 url(../../../../images2/title.png) repeat-x; color: #fff; border: 1px solid #000 } #content_table p { font-size: 12px; FONT-FAMILY: Verdana, Helvetica; -moz-opacity: 1; padding: 5px; background: #333333; color: #FFF; margin: 1px } if you're on a PC, check it out: link thanks! Similar TutorialsHey gang, quick question. I'm tring to make a "Thermometer" of sorts for my site, and instead of making lots of images in photoshop, I figured I could do it a little more dynamicly using divs and css. I was right, as Firefox displays my code perfectly, however, IE messes up the whole thing by keeping the allocated space for the one div in the place where its positioned in the code. Dumb thing. I figure it has something to do with the display property, but I'm not sure which to use. Any suggestions? Thanks! PHP Code: <div style="height: 500px; width: 100px; padding: 0px; margin: 0px; border: 0px black solid; background: url('meter_color.jpg');"> <div style="position: relative; top: 0px; left: 0px; height: 125px; width: 100px; padding: 0px; margin: 0px; background: #FFFFFF; z-index: 1;"></div> <div style="position: relative; top: -125px; left: 0px; height: 500px; width: 100px; padding: 0px; margin: 0px; background: url('mask.gif'); z-index: 2;"></div> </div> (images attached) -Jim All I am trying to do is pad some text so that it is aligned vertically, but whenever I pad the text, in Firefox, it forces the parent div up, instead of the text down, which makes no sense Code:
body { margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif }
#logoimage { margin: 5px 0px 2px 5px }
#version { font-size: 10px;
font-weight: bold;
margin: 4px 5px;
text-align: center;
position: absolute;
top: 20px;
right: 15px }
#header { background-color: #D2E1FA;
height: 20px;
position: relative }
#navigation { font-size: 11px;
position: absolute;
top: 2px;
left: 20px }
#userinfo { background-color: #FFFFFF;
height: 13px;
width: 150px;
color: #000000;
font-size: 10px;
margin: 4px 5px;
text-align: center;
position: absolute;
top: 0px;
right: 150px }
Actual html is here... Code: <img id="logoimage" src="/images/logosmall.gif"> <div id="version"> Beta Build 1000 </div> <div id="header"> <div id="navigation"> Test My Account </div> <div id="userinfo"> <b>Guest User</b> > Log In </div> </div> It actually pushes the div almost until it overlaps the image above, which makes no sense... How should I be applying the padding instead? thanks in advance! Hi Everyone, Sorry for the (probably) dumb question, but I've been searching for answers and can't seem to figure this out. I am brand new, only using CSS because WYSIWYG and unnecessarily long HTML codes are infuriating and I was begged to try making a web page. Anyway, I guess I'm not as smart as I thought I was--when I put the following into my style sheet, I get the layout I want (because I copied it from a how-to site), but the color (which I put in) is only directly around the text, with white space on top, between the sections and on the bottom and sides. What I really want is some sort of textures thing that I found, but I figure that that will come once I can get a color to work (the same issue came up when I tried it). How do I make this work? Again, I apologize for the inane question, but all the help sites I find are too simplistic, don't show all of this put together, or have big words that I don't understand. Care to be nice anyway and give me a hand? Thanks! ~Tasha body { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;} #menu { position: absolute; left: 10px; padding: 0px; width: 250px; background-color: blue} #content { margin-left: 260px; padding: 0px; margin-right: 15px; background-color: blue} hey, i have a page that includes several flash files.. since its a translation company i have made a page in Russian but the upper flash menu refuses to appear in firefox but displays in internet explorer.. other flash files appear.. and i don't know if its related but in order to make the Russian appear correctly i had to save the php page as utf-8 with no BOM... appreciate any help since i am clueless as to this weird problem here is the page address : bit.ly/4SqdNw sorry new in the forums could not link it but copy and pase As you can see, the image that says view all clients has a blue border on top and to the left also. There are no borders set for this image so I am not sure why its there. It does not show up on safari, just firefox. (I am not sure about IE since I am on a mac). Here is the code: .view_all_projects{ width:245px; height:63px; position:absolute; overflow:hidden; margin: 550px 0 0px 0; } And here is the html: <div class="view_all_projects"><a href="http://www.bestdropshipper.net/order.html"><img src="images/more_project.gif" alt="Best Dropshipper"/></a> </div> This image is also clickable. Any ideas why the strange blue border? Hi guys, im new to the webdevelopment world and humbely request your help (However you may see me in the adobe related areas, i have experience there ) Im currently making a profile for my work. Here are the problems that i couldnt solve through research on other places. 1. I have this odd looking shadow appearing on the hover boxes i got (Thanks to jquery). PHP Code: .menu li { padding: 0px; margin: 0px 6px; float: left; position: relative; text-align: center; width: inherit; } (apparently its something to do with float requiring a width, but i dont fully understand..) 2. The way i have set out my body is to have greater priority to repeating-y whitebox (Its part of a double background thing i attempted) to center along with the background image set in the element html. Because of this my text is totally off, so i was wondering on how to fix this issue (i was thinking about using div tags, but im not exactly sure how to do it). It is also weird how i need to have a 4px margin to align the boxes (even though they are the same width and are positioned to centered). Help on this issue would be greatly appreciated ! Many thanks in advance <3! Notes: I have passed with no warning or issues with the Markup Validation test and CSS test at w3. I have also looked at other blogs and help threads (Like in the adobe comments), but its hard to find something your unsure what it is! refrence: renren.tssma .com New accounts are not allowed to create posts containing URLs because the developers of this site are incapable of anti-spam measures that do not hinder legitimate users. So goodbye. I won't let the door hit my *** on the way out. Hi fowks, Normally I'm able to solve CSS issues relatively easily, well with some experimentation at least. However, this one has really got me stumped. Basically, I'm developing a menu for a weblication which is based on the famous Suckerfish menus. Everything works ok in IE and Mozilla when in an Left-to-Right (LTR) environment, but it doesn't work quite so well when the direction is flipped to RTL. IE copes fine, but FF doesn't. The menu works itself, but the viewport doubles in size and scrolls off to the right, even though there are no elements there. Anyone got an idea as to what could be doing this? I've included the relevant files for you to trial. Thanks for having a look. Hope you can help. It's driving me nuts. Cheers, John Hey CSS experts, I have a weird problem with CSS in Firefox and Netscape. I am using CSS to manage my fonts using the the div class and span class strings. However, I've noticed that Firefox and Netscape insert additional spaces between some text areas. This happens when I define things both as a div class and as a span class. What makes this increasingly weird is that I can have two nearly identical lines of code and one will display extra spaces and one will not. Case in point: These are two exaple lines of code: <tr> <td><div class="navtext">130 South Main Street</div></td> </tr> and <tr> <td><div class="navtext">Saturday - 10 a.m. to 1 p.m.</div></td> </tr> The first line doesn't end up with spaces between it, but the second line doesn't. I chose these example because only a couple lines of code seperate them. I am an extreme CSS newbie and would greatly appreciate any help with this problem. Thank you in advance! Jordan Coffey P.S. Here is a link to the site so that you can see it for yourself: www.countrysidetrvl.com Hey everyone, I am just touching up an old design I made, and I just noticed that Firefox has a weird white-space next to the top menu. Not sure what is causing it, but it is there. Here is a screenshot of what is happening in Firefox. Also, in IE, the container doesn't extend past the bottom menu. Here is a screenshot of what is happening in IE. So far I am just testing in Firefox 2.0.0.11 and IE7. Here is my code: html4strict Code: Original - html4strict 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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title></title> <style type="text/css">/* <![CDATA[ */ * { padding: 0; margin: 0; } body { background-color: #6AB2DA; color: #000000; text-align: center; font-size: 13px; font-family: verdana,tahoma,"Bitstream Vera Sans",arial,helvetica,sans-serif; /* Thank you, Kravvitz */ } a { color: #6AB2DA; } a:focus { outline: 0 none; } #container { margin: 0 auto; text-align: justify; width: 50%; } #page { background-color: #FFFFFF; } #header { background-image: url( http://img443.imageshack.us/img443/8114/bg1bp4.jpg ); background-position: bottom left; height: 120px; width: 100%; } #header span { padding-left: 150px; padding-top: 50px; font-size: 21px; font-weight: bold; letter-spacing: -0.1em; color: #666666; display: block; } #menu { background-color: #6DC3DE; width: 100%; } #menu li { float: left; padding-top: 10px; padding-bottom: 11px; list-style-type: none; } #menu a { background-color: #6DC3DE; padding: 10px 20px; boreder: 2px solid transparent; color: #000000; } #news { clear: both; margin-top: 34px; overflow: auto; padding: 15px; height: 100px; border-bottom: 1px solid #0AA; } #news h1 { color: #6DC3DE; font-size: 21px; } #content { margin-top: 15px; padding: 15px; } #content h2 { padding-top: 10px; float: left; color: #6DC3DE; padding-right: 25px; font-size: 31px; border-right: 3px solid #6DC3DE; } #content .info { padding-top: 10px; padding-left: 25px; float: left; font-size: 11px; height: 31px; } #content p { text-indent: 45px; clear: both; border-bottom: 1px dotted #6DC3DE; padding-top: 10px; padding-bottom: 10px; } #bottom { border-top: 1px solid #6DC3DE; margin-top: 10px; padding: 5px; } #bottom ul#one { float: left; } #bottom ul#two { float: right; } #bottom li { padding-top: 10px; padding-bottom: 11px; list-style-type: none; display: block; } #bottom a { background-color: #6DC3DE; padding: 10px 20px; boreder: 2px solid transparent; color: #000000; display: block; width: 250px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ]]> */ </style> </head> <body> <div id="container"> <div id="page"> <div id="header"><span>i.love.summer</span></div> <div id="menu"> <ul> <li><a href="">asdfasf</a><li> <li><a href="">asdfasf</a><li> <li><a href="">asdfasf</a><li> <li><a href="">asdfasf</a><li> <li><a href="">asdfasf</a><li> <li><a href="">asdfasf</a><li> <li><a href="">asdfasf</a><li> </ul> </div> <div id="news"> <h1>welcome</h1> Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. Some gibberish to make the news/etc part extend. </div> <div id="content"> <h2>I rock</h2> <div class="info"> author: BlackNine<br /> date: Today<br /> cat: eventually, right now I want a horse </div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras felis. Aliquam erat volutpat. Nunc sapien. Nunc ante felis, convallis eget, viverra sit amet, porttitor mollis, odio. Maecenas ut lorem sed eros pharetra euismod. Fusce quis est ac erat posuere elementum. Praesent id libero. Phasellus aliquet. Suspendisse pharetra sapien vitae mi. Suspendisse enim lectus, condimentum in, dictum sed, convallis in, sapien. Pellentesque mollis, quam sit amet tincidunt lacinia, urna erat interdum diam, vel aliquam enim nisl vitae velit. Nam sagittis tristique ipsum. Sed auctor eros non tortor. Vestibulum eros mauris, ultrices in, pulvinar ut, placerat in, metus. Nullam est odio, ullamcorper vitae, consequat a, laoreet non, sem. Mauris porttitor diam vel nisl. Curabitur vitae mauris a sem ornare congue. Morbi eu nibh sed enim molestie aliquet. Mauris auctor auctor mi. Nunc ultricies sem eget ipsum. Maecenas risus. Mauris pharetra, quam at luctus nonummy, diam magna porta urna, in fermentum massa enim vel augue. Morbi elit. Quisque posuere tincidunt ipsum. Integer vel metus ac risus venenatis vehicula. Duis lacus. In pellentesque diam at dui. Nunc feugiat elementum nisi. Phasellus auctor viverra sem. Pellentesque erat. Pellentesque mauris velit, posuere a, facilisis ac, gravida in, augue. Vestibulum at sem eu nulla nonummy ultricies. Ut a dui. Aenean sem. Etiam adipiscing, mauris nec mollis congue, quam dolor pretium nisi, vitae adipiscing urna diam a velit. In pellentesque massa vel massa. </p> <h2>I rock</h2> <div class="info"> author: BlackNine<br /> date: Today<br /> cat: eventually, right now I want a horse </div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras felis. Aliquam erat volutpat. Nunc sapien. Nunc ante felis, convallis eget, viverra sit amet, porttitor mollis, odio. Maecenas ut lorem sed eros pharetra euismod. Fusce quis est ac erat posuere elementum. Praesent id libero. Phasellus aliquet. Suspendisse pharetra sapien vitae mi. Suspendisse enim lectus, condimentum in, dictum sed, convallis in, sapien. Pellentesque mollis, quam sit amet tincidunt lacinia, urna erat interdum diam, vel aliquam enim nisl vitae velit. Nam sagittis tristique ipsum. Sed auctor eros non tortor. Vestibulum eros mauris, ultrices in, pulvinar ut, placerat in, metus. Nullam est odio, ullamcorper vitae, consequat a, laoreet non, sem. Mauris porttitor diam vel nisl. Curabitur vitae mauris a sem ornare congue. Morbi eu nibh sed enim molestie aliquet. Mauris auctor auctor mi. Nunc ultricies sem eget ipsum. Maecenas risus. Mauris pharetra, quam at luctus nonummy, diam magna porta urna, in fermentum massa enim vel augue. Morbi elit. Quisque posuere tincidunt ipsum. Integer vel metus ac risus venenatis vehicula. Duis lacus. In pellentesque diam at dui. Nunc feugiat elementum nisi. Phasellus auctor viverra sem. Pellentesque erat. Pellentesque mauris velit, posuere a, facilisis ac, gravida in, augue. Vestibulum at sem eu nulla nonummy ultricies. Ut a dui. Aenean sem. Etiam adipiscing, mauris nec mollis congue, quam dolor pretium nisi, vitae adipiscing urna diam a velit. In pellentesque massa vel massa. </p> </div> <div id="bottom"> <ul id="one"> <li><a href="">asf</a></li> <li><a href="">asf</a></li> <li><a href="">asf</a></li> <li><a href="">asf</a></li> </ul> <ul id="two"> <li><a href="">asf</a></li> <li><a href="">asf</a></li> <li><a href="">asf</a></li> <li><a href="">asf</a></li> </ul> </div> <div class="clearfix"></div> </div> </div> </body> </html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" Any suggestions would be great. WHAT IS THE TYPICAL CSS PROBLEM FOR THIS ISSUE? w w w. jaywayproductions . c o m/portfolio/work_history.html It suppose to look the way it looks in IE. It is a little off in Firefox. I have been try'n several things to solve this particular issue but cannot. It seems as if the bottom and top row stretches and makes the effect I was trying to accomplish look off in FF. You can understand what I'm sayin' when you view both. Does anyone know why it is doing this? Any help would be greatly appreciated! Hello I am having difficulties with a site I am working on. First, if you look at it in IE and roll your mouse to the right of the site the whole thing shifts to the left. No idea why it does this. Second: In Firefox it looks like a disaster! Help! http://www.tombraiders.net/katie/shelly/index.html User: letme Pass: in Thank you! Okay I have this strange CSS issue with Firefox. Sounds like a common problem, but oh it isn't. The issue goes a step further and it is a Firefox mac issue. The top nav works fine in Firefox PC, IE PC, and Safari Mac. But you load it in Firefox Mac and the top right list item drops down. No clue why. Anyone know what the issue is? Does Firefox on a mac render text at a different size and that pushes everything? I'm unable to send specific styles to firefox mac vs. firefox pc, unless I use a server-side script to detect the user agent. But that is not practical at all. If anyone has any feed back let me know. Oh the link to see this nav is: http://www.forsalebyowner.com Hello, this is my first post on this forum! I've noticed there's another firefox thread right above mine, I don't mean to spam the forum with firefox issues but I checked that one first and it didn't have the same problem as I'm having. I'm a novice to CSS, I've only been on it for around 2-3 months for college, and i've encountered a problem I can't find a solution to likely because there could be so many ways for it being wrong. If anyone can please help me with this problem, i'd appreciate it so much! I'm just starting to create a template for college, and for some reason I've just noticed it's not working in firefox. I use i.e to develop at school so I haven't noticed it until now, and I can't seem to find a solution. I've uploaded the template here so it can be seen: bonkenmoose.com/john It works fine in internet explorer, but seems to be not working correctly in Firefox. Any help will be great! Thanks. Hi, Ive got a site im currently working on using html and css. After just putting the navigation bar in ive discovered it lookins perfect in IE and slightly off in firefox: http://www.lnicholson.co.uk It looks hows i want it to in IE but in fiefox i notice that there is a bigger gap above the navigation bar and I have no idea how to get rid of it. Its quite annoying as some of my friends use firefox! Any help would be much appreciated, if you need anymore info let me know. Thanks Lozza Again, IE displays fine but firefox the bottom getting_started div is all wierd. Code:
<div id="container">
<div id="inner">
<?php include('header.php'); ?>
<div id="index_login">
<p style="text-align: left"><b><font size="4">Login!
</font></b></p>
<p style="text-align: left"> </p>
<form method="POST" action="">
<p style="text-align: left">Email: </p>
<p style="text-align: left"><input type="text" name="email" size="20" id="index_textbox"></p>
<p style="text-align: left"> </p>
<p style="text-align: left">Password:</p>
<p style="text-align: left"><input type="password" name="password" size="20" id="index_textbox"><br>
</p>
<p style="text-align: left">
<input type="submit" value="Login" name="do_login" id="index_button"></p>
</form>
</div>
<div id="whos_new">
<div id="section_header">
Who's New
</div>
</div>
<div id="get_started">
<div id="get_started_box">
<b>Step One:</b><br/><br/>Sign up with your basic info to get your own personal page.<br/><a href="#"><b>Sign Up!</b></a></div>
<div id="get_started_box">
<b>Step Two:</b><br/><br/>Login and enter your information about yourself to allow people to find you and express yourself with the look of your profile.</div>
<div id="get_started_box">
<b>Step Three:</b><br/><br/>Search for your friends and family and add them as your friend to your friend circle.</div>
<div id="get_started_box_nb">
<b>Step Four:</b><br/><br/>Tell your friends about FriendTrend.com and invite them to join and be your friend.</div>
</div>
</div><font color="white">Copyright 2006 FriendTrend.com</font>
</div>
Here is my css: Code: * {
margin: 0 auto;
padding: 0;
}
body{
font-family: verdana;
font-size: 8pt;
}
#container{
font-family: verdana;
position:absolute;
width: 100%;
height: 100%;
z-index: 1;
text-align: center;
background-color: gray;
}
#inner{
position:relative;
width: 800px;
height: 100%;
border-style: solid;
border-width: 1px;
z-index: 2;
background-color: white;
}
#header{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 100%;
height: 30px;
padding: 5px;
background-color: orange;
z-index: 3;
}
a:link,a:active,a:visited{
text-decoration:none;
color:black;
}
a:hover{
font-weight:bold;
}
#header_link:link,#header_link:active,#header_link:visited{
text-decoration:none;
color:white;
}
#header_link:hover{
color: #ccccff;;
}
#index_login{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 200px;
height: 150px;
top: 25px;
left: -250px;
border-style: solid;
border-width: 1px;
z-index: 3;
background-color: #ccccff;
padding: 10px;
}
#whos_new{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 300px;
height: 150px;
top: 25px;
left: -25px;
border-style: solid;
border-width: 1px;
z-index: 3;
float:right;
}
#get_started{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 600px;
height: 75px;
top: 100px;
border-style: solid;
border-width: 1px;
z-index: 3;
}
#get_started_box{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 149px;
height: 100%;
z-index: 3;
float:left;
border-right: 1px, solid;
}
#get_started_box_nb{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 149px;
height: 100%;
z-index: 3;
float:left;
}
#section_header{
background-color: #ccccff;
width: 100%;
position:relative;
font-family:verdana;
font-size: 10pt;
text-align:left;
}
#index_login{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 200px;
height: 150px;
top: 25px;
left: 20px;
border-style: solid;
border-width: 1px;
z-index: 3;
background-color: #ccccff;
padding: 10px;
float:left;
}
#index_textbox{
border-width: 0;
font-family:verdana;
color:orange;
}
#index_button{
border-width: 0;
font-family:verdana;
color:black;
background-color: orange;
}
#user_box{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 350px;
height: 200px;
top: 25px;
left: -200px;
border-style: solid;
border-width: 1px;
z-index: 3;
}
#user_photo{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 150px;
height: 150px;
border-style: solid;
border-width: 1px;
z-index: 3;
left: 15px;
top: 10px;
float:left;
}
#user_friends{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 450px;
height: 200px;
border-style: solid;
border-width: 1px;
z-index: 3;
right: 20px;
top: 150px;
float:right;
}
#view_basic{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 300px;
height: 200px;
top: 25px;
border-style: solid;
border-width: 1px;
z-index: 3;
float:left;
left: 12px;
}
#view_contact{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 300px;
height: 200px;
top:75px;
border-style: solid;
border-width: 1px;
z-index: 3;
float:left;
left: 12px;
}
#view_custom{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 300px;
height: 200px;
top: 25px;
border-style: solid;
border-width: 1px;
z-index: 3;
float:right;
right: 12px;
}
#view_friends{
font-family: verdana;
font-size: 8pt;
position: relative;
width: 450px;
height: 200px;
border-style: solid;
border-width: 1px;
z-index: 3;
top: 150px;
float:right;
right: 12px;
}
Hi I'm developing a new site and have only just started with CSS. The site uses an external style sheet. I have only developed one page so far which looks fine in IE 6/7 but (some) content appears to 'drop/change position' slightly in Firefox (note the bottom navigation and contact info on the page footer in particular). I needed to add an extra div tag for the hyperlink style - could this be the cause? Also the search button and the form text area seems to change position when viewed in Firefox? Not sure what is going on! Any help would be appreciated! Link he http://www.yarmside.co.uk/version2/index.html Thanks. Would FF be able to interpret this background-image line? The bullets are not showing up on the page and all the references have been checked and verified the image exists and is in the proper directory. Code:
li.indent{
background-image: url('getdoc?webc=images/bullet_sm.gif');
background-repeat: no-repeat;
background-position: 0,0;
margin-left: 10;
padding-left: 10;
margin-bottom: 5;
}
Thanks Kay, So I've been trying to open a gaming league, but unfortunately my skills lie in PHP and C++. Not so much html and css. For some reason this site works pretty well in IE, but has what I call micro-tears in the firefox version, I'm really not sure whats wrong with it, can anyone help? http:// www . vl-league.com / index . html is the site. |
|||||||