|
HTML - Ie Works - But Foxfire Doesn't -- Table Display
I have a page on my web site that isn't displaying correctly. I've used the same template for all the pages - but for some reason this single page won't display correctly on foxfire, but fine on IE -- you can reach the page Here:
I need the page to fit the screen display - but for some reason this page won't. I would be greatful for any help Thanks Similar Tutorialshttp://new.leflein.com This works in FF but the top table is fixed right, and nothing else shows. I can see the source so it's loading just not showing. Ideas? Hi, I have to display the results in 20 columns, in that 14 columns are frozen, rest of them are scrollable, when I give table widht in % then scrollbar presents to view the data in Firefox. If I see the same in IE, it doesnt show all the data, and there is no scrollbar. If I give the table width in px form then to some extent I am able to see the scrollbar in IE, and minimum pixel I had to give is 3000 and above. Is there any common solution to me to fix this so that I can see same both the browsers. We would like to have solution, width in % not in px. Please let me know the solution for this. I have attached the zip file for your reference to see the code, please run in IE and Firefox and check it. Advanced thanks, Venkat Hi I have tried a lot of things and search the internet for hours regarding this matter... My image background doesn't reapeat in Internet explorer however works fine in any other browsers such as google chrome and firefox. Can you please help me get this fixed? I am new to xhtml and css and really it's really frustrating having this kind of problem. Thank you Website Link: www.pjrazon.co.uk/newlayout/index.html screenshots if it helps: CSS: @charset "utf-8"; * { margin: 0px; padding: 0px; } body { background-color: #CCCCCC; } a:link { color: #ffffff; text-decoration: none; } a:visited {text-decoration: none;} a:hover {color: #b23937;} a:active {text-decoration: none;} #wrapper { width: 1151px; margin-right: auto; margin-left: auto; border-right-width: thin; border-left-width: thin; border-right-style: solid; border-left-style: solid; border-right-color: #999999; border-left-color: #999999; } #wrapper #logo { height: 120px; width: 1151px; } #wrapper #navigation { background-image: url(../images/nav.home.gif); height: 32px; } #wrapper #navigation #navlabel { color: #FFFFFF; padding-top: 5px; padding-left: 125px; } #wrapper #navigation #navlabel #nav li { display:block; width:100px; float:left; list-style:none; } #wrapper #header { height: 391px; background-image: url(../images/welcome.jpg); } #wrapper #mainContent { height: 384px; background-image: url(../images/maincontent.jpg); width: 1151px; } #wrapper #bodyArea #footer { background-image: url(../images/footer.jpg); height: 73px; clear: both; } #wrapper #bodyArea { background: url(../images/bg_bodyarea.jpg) repeat-y; } #wrapper #bodyArea #mainContent #content { display:block; width:400px; float:left; } #wrapper #bodyArea #mainContent #contentwrapper { padding-left: 140px; padding-top: 70px; } HTML: <!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Perfect Vision</title> <link href="css/layout.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="logo"><img src="images/header.jpg" alt="logo" /></div> <div id="navigation"> <div id="navlabel"> <ul id="nav"> <li><a href="homepage.html">Home</a></li> <li><a href="profile.html">Profile</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> <div id="header"></div> <div id="bodyArea"> <div id="mainContent"> <div id="contentwrapper"> <div id="content"> <p>August 10 2010</p> <p> </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam semper turpis in tortor interdum sed mattis lectus mollis. Pellentesque laoreet quam et mauris feugiat sit amet eleifend turpis imperdiet. Praesent condimentum libero vitae massa imperdiet pellentesque. Vestibulum et risus dolor, ac tincidunt velit. Maecenas lobortis diam tellus. Suspendisse auctor, velit ut imperdiet semper, erat orci pharetra tortor, venenatis vulputate metus eros ut felis. Cras ullamcorper odio sed felis ornare ultricies. Phasellus porta adipiscing aliquet. Aenean ligula tellus, blandit a pulvinar in, fermentum a erat. Sed arcu nisl, porta eu vestibulum at, luctus sed tellus. Aenean eget quam justo, quis ultricies ante. Vivamus tempor sollicitudin augue ut rhoncus. Sed odio mauris, imperdiet ut elementum vitae, dapibus at quam. Nullam in aliquam sem. Fusce consectetur laoreet elit, non consequat nunc tempus nec. Cras at enim ipsum. Praesent ipsum purus, tempus non sagittis volutpat, fringilla eget mi. Maecenas sed elit est. Morbi facilisis purus eget nunc tincidunt iaculis mattis quam pellentesque. </p> <p> Sed tortor leo, laoreet sit amet mattis a, fermentum in ligula. Sed tempor lacus a lorem fermentum fermentum semper nunc sagittis. Vivamus et est porta purus mollis cursus eget in ante. Sed lacinia, diam in tempor suscipit, turpis enim posuere turpis, sit amet vestibulum quam nulla id elit. Vivamus ultricies tempus mi, non consequat velit mollis id. Curabitur vehicula, turpis id tempor condimentum, sem nulla molestie enim, vel commodo metus ipsum non nisi. Aliquam erat volutpat. Fusce venenatis porttitor massa eget suscipit. Sed purus turpis, iaculis id sollicitudin id, vulputate sit amet velit. Suspendisse sed velit non tellus eleifend venenatis vehicula ut elit. Integer sit amet ullamcorper nulla. </p> <p> Vestibulum dictum ante eu nisl ornare tincidunt. Etiam id risus mauris. Duis nec turpis in neque porttitor euismod sed id odio. Sed molestie urna a magna fermentum egestas. Nulla facilisi. Quisque risus neque, sodales pulvinar rhoncus a, lacinia eget neque. Vivamus vel malesuada nisl. Proin mollis tempor felis id dapibus. Morbi velit mi, aliquet sed malesuada et, blandit vitae eros. Nulla nec lorem quam, eu aliquam sapien. Quisque venenatis, enim non ultricies lobortis, lectus dolor consectetur nulla, eu tincidunt metus enim vitae libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent sit amet neque eu libero commodo condimentum. Fusce hendrerit diam sed libero lacinia nec adipiscing massa posuere. Pellentesque eget libero risus, eget venenatis metus. Morbi quis dolor enim. Cras orci orci, ultrices nec consectetur sed, auctor non leo. Aliquam nec sem erat. Nam ut nunc sed leo tempor pretium. Maecenas sit amet tortor a neque congue iaculis eu in ipsum. </p> </div> </div> </div> <div id="footer"></div> </div> </div> </body> </html> I recently edited the css for the website I update and it looks fine on internet explorer but foxfire seems to be using the old pixel dimensions of the site. Does anyone know what is going on? Codeguru PS- The site is www.huntingtonnews.net if an example helps. Edit- Nevermind, apparently the last time I used foxfire to view it was long enough ago that it was using the old css in the cache I guess if that even makes sense. I am using IE and for some reason PNG images specified using an <img> tag display blank. I know the files exist as there is no 'X' where the image is supposed to be but I can't see them. If I change to using a JPG then the images appear. My code is extremely simple and looks like: Code: <html><body><img src="images/test.png"></body></html> I have tried using width and height parameters but it only changes the size of the blank area. Does the <img> tag support PNG images? Is there some other reason why the images display blank? I was running a regular update on my page when I had to put a link at the end of a lot of text that was beside an image. The regular text works fine but for some reason when it gets down to the link FoxFire just won't word wrap it and creates a huge gap in the divide until it reaches the bottom of the image then it displays the link and goes on with the text. Is there some code that will force it to word wrap links as IE does?... Codeguru PS- I realize breaking up the visual URL in the text would word wrap it because of the spaces but I'd rather not screw all the people using browsers that actually do what is needed for one that doesn't. Hi there, I was wondering if someone could provide some help. I have designed/built a website, and for some reason - the "Flash" content doesn't always display in Internet Explorer 7+ Some pages do display the Flash, some pages dont. The website is www.shiftingsandsarabians.com.au Chrome, Safari & firefox all display correctly. It just seems to be Internet Explorer. The "Flash" content is displayed at the top on each page. Would appreciate any help. Thanks guys, -Brad Hei! I'm trying to create a table with three columns, first and last with one row each and middle with two rows. There's pictures in left, right and in the middle bottom cell. Here's the code: Code: <table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="16%" colspan="1" rowspan="2"><img src="kuvat/hat-right.jpg" border="0" width="100%" height="100%" alt="-------">
</td>
<td width="64%" align='center'><a href="index.php">Main page</a>
| <a href="aboutus.php">About Us</a> | <a
href="showprods.php?sizeToShow=All">Catalog</a>
| <a href="contacts.php">Contacts</a>
</td>
<td width="16%" colspan="1" rowspan="2"><img src="kuvat/hat-left.jpg" border="0" width="100%" height="100%" alt="----">
</td>
</tr>
<tr>
<td width="64%"><img src="kuvat/hat1.jpg" width="100%" height="100%" alt="---------"></td>
</tr>
</tbody>
</table>
It works like I want it to do in Firefox, looks ugly in Konqueror and not displayed in Internet Explorer 6. Where's the problem? Thanks in advance! Help!!!! I have been looking at this for almost 6 hours and I still can't explain why my horizontal menu wrapped using Firefox and not IE. I have firefox 3 installed and some of the categories (on the same tree) wrapped and some doesn't. But if i refresh it a few times, it become normal again. This make no sense. Maybe I need to get some fresh air because i am starting to see spots on the screen. http://208.84.114.15 I am building a website in dreamweaver cs3. It displays normal in all browsers except an older version of IE (I think 6.0). I have read a bunch and have learned about float left and left margin problems with older IE versions. Nothing has helped so far. To make a long story short if you view http://whatwowart.com the right column where you sign up for newsletter etc. gets put under the whole page in older IE (I think 6.0). If someone could please help me I would really appreciate it. Thanks, John O Code can be seen at: http://whatwowart.com/code.html I have a wordpress blog in which on the single post page the container div is non-existent and the sidebar and footer go into the content div. The page displays fine in firefox it only has the problem in internet explorer. Any help would be greatly appreciated. Here is an example of the problem: http://purplemushroomreviews.com/gam...mption-review/ I've got three drop-down lists in a navbar that displays properly in IE but not in Firefox or Sea Monkey. I can't figure out what I'm doing wrong. The lists under "Historic District" and "Take Action" are fine, but the two items under "Blog" don't show up in FF or SM. The "Blog" links are external. Would that matter to FF and SM? The WC3 turned up the likely error, but when I added and/or removed a ul and/or li tag, I got strange results and was unable to fix the problem. If someone can explain what I should do and why I'd appreciate it. WC3 flagged the <ul> tag after <li><a href="http://west80s.blogspot.com/">Blog</a></li> because: "document type does not allow element "UL" here; assuming missing "LI" start-tag" Here's the site: http://west80s.org/ Here's the code: Code: <ul class="NavHoriz-menu">
<li class="first"><a href="index.htm">Home</a></li>
<li>
<a href="http://">Historic District</a>
<ul>
<li class="first"><a href="Historic-District.htm">Proposed District</a></li>
<li><a href="letters-index.htm">Support the Historic District</a></li>
<li><a href="GB-pix.htm">Gilbert Brownstones</a></li>
<li><a href="WestPark.htm">West Park Church</a></li>
<li><a href="330-W-86-St.htm">330 W 86th St</a></li>
</ul>
</li>
<li><a href="http://west80s.blogspot.com/">Breaking News</a></li>
<li><a href="http://">Take Action</a>
<ul>
<li class="first"><a href="hydrofracking.htm">Hydrofracking</a></li>
<li><a href="letters-index.htm">Support the Historic District</a></li>
</ul>
<li><a href="MembershipForm.htm">Join</a></li>
<li><a href="mailto:info@west80s.org">Contact Us</a></li>
<li><a href="http://west80s.blogspot.com/">Blog</a></li>
<ul>
<li class="first">
<a href="http://west80s.blogspot.com/2011/07/please-help-us-wipe-out-graffiti-this.html">Graffitti Removal</a></li>
<li><a href="http://west80s.blogspot.com/2011/07/weve-adopted-tree.html">Beautificaiton</a></li>
</ul>
</li>
</ul>
Thanks for any help. Ellen The title says it all, my site just doesn't properly work in safari. heres the link www.royaltee-design.com help would really be appreciated thanks Hi, Thanks in advance for your help. I'm doing a web page that I would like to be viewed on 1024 resolutions without a horizontal scrollbar. It will contain images that are exactly 980px wide. The problem is that with ie7, as soon as it contains a div or a table, no matter what I do to try to remove all padding,margins,etc.. it adds 2px for each element (I guess 1px for each side). Below is some html as an example of my problem, where I've tried to remove everything I can think of... this works fine in firefox 3 <body style="width:998px;margin-top:0;margin-left:0;margin-right:0;padding:0;"> <div style="width:100%;textalign:center"><table border="0" cellspacing="0" cellpadding="0" style="width:998px;border-collapse:collapse;padding:0;margin:0;border:0;"><tr style="padding:0;margin:0;border:0;"><td style="padding:0;margin:0;border:0;">sdfsdfd</tr></td></table><div style="width:100%> </body> Hey guys, What I am trying to do is align a whole table to the right inside of a td tag of another table. It looks fine in IE, but in firefox it comes out wrong. Any idea what I can do? Here is the code: Code: <table border="1px" style="width: 100%;" id="rptPrintform:alignBtn_pg_id">
<tbody>
<tr>
<td class="alignRight">
Correct
</td>
</tr>
<tr>
<td class="alignRight">
<table border="1px">
<tr>
<td class="alignRight">
Text
</td>
<td class="alignRight">
Text 2
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="alignRight">
Correct
</td>
</tr>
</tbody>
</table>
What I would like is for it to work in firefox the exact same way it works in IE. Thanks, Grae Hey guys I got help on a project I'm doing from Eri. Seems he used this tag in the code which is posted below. Anyways I did some research apparently Safari doesn't like this tag. His solution works great in IE6, IE7, and FF2/3 but in safari the layout dies. Has anyone messed with this type of solution. Check this out to see what I'm mean if you want a visual representation: http://browsershots.org/http://along...index_new.html Eric 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" lang="en" xml:lang="en"> <head> <title>Personal Shopping and Concierge Services</title> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <meta name="keywords" content="INSERT KEYWORDS HERE" /> <meta name="description" content="INSERT DESCRIPTION HERE" /> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <div id="wrap"> <div id="whitebox"> <div id="header"> <div id="logo"> </div><!-- end div logo --> <div id="pagetitle"> <h1>along came mary</h1> <h2>personal shopping and concierge services<br /> the metro atlanta area</h2> </div><!-- end div pagetitle --> <div class="clear"> </div> </div><!-- end div header --> <div id="main"> <div id="sidebar"> <div id="links"> <ul> <li><a href="/">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Our Services</a></li> <li><a href="#">Customer Feedback</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">Links</a></li> </ul> </div><!-- end div links --> <div class="clear"> </div> <div id="icea" align="center"> <img src="assnbanner2.jpg" alt=" " /> <p><a href="#">Proud Member of the International Concierge & Errand Association</a></p> </div><!-- end div icea --> </div><!-- end div sidebar --> <div id="content"> <h1>Take a deep breath. Call Mary. Relax. It's handled.</h1> <p> Whether it is shopping, running errands, organizing your home or office, caring for your pets and home while you are away or just waiting for a service contractor to arrive, Along Came Mary is ready when you are. It's like having a personal assistant for you and your home! </p> <p> Along Came Mary specializes in personal shopping and concierge services for individuals and families in the metro Atlanta area. Based in Vinings, an Atlanta, Georgia suburb, Along Came Mary prides itself on providing reliable, top-notch customer service to its clients. Our primary goal is to help busy people create a more balanced and therefore enjoyable lifestyle. When life becomes hectic, being able to make that call for help relieves stress and calms nerves! </p> <p> We know your time is valuable and thank you for visiting our site to learn more about how Along Came Mary can help you create a more balanced, productive, and manageable life. <a href="#">Contact us</a> so that we can show you how good life can truly be! </p> <p> Mary Snelson<br /> <a href="#">mary@marylovesshopping.com</a> </p> <p> 404.422.7564 </p> </div><!-- end div content --> <div class="clear"> </div> </div><!-- end div main --> </div><!-- end div whitebox --> <div id="footer"> <p> <a href="/">Home</a> | <a href="#">About Us</a> | <a href="#">Our Services</a> | <a href="#">Customer</a> | <a href="#">Contact Us</a> | <a href="#">Links</a> </p> </div><!-- end div footer --> </div><!-- end div wrap --> </body> </html> CSS Code: * {
margin: 0px;
padding: 0px;
border: 0px none transparent;
border-spacing: 0px;
}
body {
background-color: #fcc1df;
}
#wrap {
width: 100%;
height: 100%;
border: 0px none transparent;
margin-bottom: 15px;
}
#whitebox {
width: 700px;
height: auto;
background-color: #ffffff;
border: 2px solid #000000;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}
#header {
width: 700px;
background-color: #ffffff;
border-bottom: 2px solid #e5e5e5;
height: 160px;
display: table;
}
#logo {
width: 135px;
height: 156px;
background-image: url('ACM-Logo.png');
float: left;
display: table-cell;
}
#pagetitle {
width: 561px;
height: 160px;
display: table-cell;
vertical-align: middle;
position: relative;
margin-left: 135px;
}
#pagetitle h1 {
font-size: 250%;
font-weight: bold;
margin-left: 12px;
margin-bottom: 0px;
margin-top: 30px;
}
#pagetitle h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
margin-left: 12px;
font-weight: normal;
margin-top:0px;
}
#main {
width: 696px;
height: 100%;
}
#sidebar {
width: 140px;
background-color: #ffffff;
position: relative;
float: left;
height: 100%;
display: table-cell;
}
#links {
margin-bottom: 10px;
float: left;
height: auto;
margin-left: 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
line-height: 125%;
}
#sidebar ul {
list-style-type: none;
margin-right: 5px;
}
#sidebar a:link {
color: #000000;
}
#sidebar a:visited {
color: #000000;
}
#sidebar a:hover {
color: #f1037f;
}
#icea {
width: 140px;
height: 100%;
display: table-cell;
vertical-align: bottom;
padding-top: 100px;
}
#icea a:link {
color: #0000ff;
text-decoration: none;
}
#icea a:visited {
color: #0000ff;
text-decoration: none;
}
#icea a:hover {
color: #f1037f;
text-decoration: underline;
}
#icea img {
width: 132px;
height: 96px;
border: 0px none transparent;
}
#icea p {
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 70%;
line-height: 175%;
text-align: center;
margin-left: 4px;
margin-right: 4px;
}
#content {
width: 442px;
background-color: #ffffff;
padding-left: 12px;
height: 100%;
position: relative;
margin-left: 142px;
border-left: 2px solid #e5e5e5;
display: table-cell;
}
#content h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
margin-top: 0px;
margin-bottom: 10px;
}
#content p {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
}
#content a:visited {
color: #0000ff;
text-decoration: none;
}
#content a:hover {
color: #f1037f;
text-decoration: underline;
}
#content img {
width: 132px;
height: 96px;
border: 0px none transparent;
}
#content p {
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 85%;
padding-bottom: 18px;
line-height: 125%;
}
#footer {
width: 696px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
}
#footer p
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
text-align: center;
}
#footer a:link {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #808080;
}
#footer a:visited {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #808080;
}
#footer a:hover {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #f1037f;
}
div.clear {
clear: both;
font-size: 0%;
line-height: 0%;
width: 100%;
}
Hi, I cannot get a table to display in a div on my site. If I change <table> to <div>, it works, but it is very tabular data and I need table styling. Code: <div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked -->
<a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a>
<div id="stats_inside">
<div style="border:0; padding:2; width:100%;">
<div style="border-collapse: collapse; margin: 3px auto; border: 1px solid blue;">
<div><div>table</div></div></div></div></div>
Above works, below will not work Code: <div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked -->
<a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a>
<div id="stats_inside">
<table><td>hello</td></table>
</div>
Further, anything after the <table> declaration disappears. It will not show up. Site is www.uhstitans.com/schedule2.php Click one of the Stats buttons to see the pop-up. FURTHER INFO - EDIT I just noticed that by adding <table>, the content appears at the bottom of the page, instead of being hidden (display:none in the stats_panel div. also, the info trailing it drops to the bottom of the page. In a perfect world, it would all wait until the js is activated and then appear in the center of the page. THis is the result I get when I do not include <table> ad include <div>. Thanks in advance, Todd I am updating this groups old school website built with tables etc. The main images display to the left in Mozilla and centered in IE. http://www.sevenhawaii.com/ I am assuming, in this case MF is actually displaying it correctly. Does anyone have an idea of a quick fix? I haven't worked with tables in a long time. Mahalo, MJ problem is fixed, no need to read. Hello, I have a website that displays fine in every browser I've tested but Chrome. The only problem is my borders. In order to get fading rounded edges I made each block a 3x3 table, like this: Code: <div class="general"><table class="bgtable"><tr><td class="bgtopleft"></td><td class="bgtopcenter"></td><td class="bgtopright"></td></tr> <tr><td class="bgleft"></td><td class="primary"> example post </td><td class="bgright"></td></tr><tr><td class="bgbottomleft"></td><td class="bgbottomcenter"></td><td class="bgbottomright"></td></tr></table></div> and here's the applicable portion of my stylesheet: Code: body
{
font-family: sans-serif;
font-size:11pt;
letter-spacing : 0.03em;
line-height : 130%;
color:white;
background-color:white;
}
.container
{
margin: 0 auto 0 auto;
width: 900px;
}
.general
{
background-color:#70a055;
margin: 0px 135px 10px 130px;
}
table.bgtable
{
border:none;
border-collapse: collapse;
width:635px;
}
table.bgtable tr
{
border:none;
}
.bgtopcenter
{
height:20px;
background-image:url(/data/bgtopcenter.gif);
background-repeat:repeat-x;
}
.bgtopleft
{
height:20px;
background-image:url(/data/bgtopleft.gif);
width:18px;
overflow:hidden;
}
.bgtopright
{
height:20px;
background-image:url(/data/bgtopright.gif);
width:18px;
overflow:hidden;
}
.bgbottomcenter
{
height:20px;
background-image:url(/data/bgbottomcenter.gif);
background-repeat:repeat-x;
}
.bgbottomleft
{
height:20px;
background-image:url(/data/bgbottomleft.gif);
width:18px;
overflow:hidden;
}
.bgbottomright
{
height:20px;
background-image:url(/data/bgbottomright.gif);
width:18px;
overflow:hidden;
}
.bgleft
{
background-image:url(/data/bgleft.gif);
background-repeat:repeat-y;
width:18px;
overflow:hidden;
}
.bgright
{
background-image:url(/data/bgright.gif);
background-repeat:repeat-y;
width:18px;
overflow:hidden;
}
In most browsers everything lines up right, but in chrome it looks like this: Any suggestions? Thanks for reading. Hello! Is there any way to make a table showing a folder in your FTP? I have an FTP thats is locked, so is there anyway to make it an autologin I just want it to show the files, not the 'Go up a directory' button And is there anyway to make tthe links so people can click on them to open the file the directory HOW CAN I DO THIS Tap Back Josh.R |
|||||||