|
HTML - Tables Not Right In Mozilla
my tables are not right in mozilla/firefox. it looks perfect in ie.
42% of my viewers are ie users. 37% are mozilla compatible agents, and 8% are firefox. i just downloaded firefox from mozilla and found that none of my tables look white, with the exception of the front page: http://leilanimunter.com/index2.html on all the other pages, the table where the text is should be white like it is on that home page, but instead it is my grey background color. how do i fix that? HELP, thanks!!! Leilani http://leilanimunter.com Similar TutorialsHi Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser Hey everyone, I'm new to these boards. Somewhat a newbie at web design, but I know basics. I'm looking to put 2 tables adjacent to each other inside another table. My problem is I can't get the tables to line up the way I want them to. I'll post a picture of how I want it to look, how it looks now and my code. How I want it to look: How it looks now: I want the tables to line up at the top and re-size according to each other so they're always aligned at the top. Code: coming in next 2 posts I have a website that i created. It loads in in Mozilla, but in IE nothing loads, the page is just blank. my website, an example of this is www.winholdem.info/hoppers.php I dont know why this is happening! P.S. it includes PHP and html How can I get my favicons to show up in Mozilla/Firefox? Thanks~ hi just a small problem that is bugging me and stopping me from moving on...there is a table at the top of my website here in mozilla it works fine exactly how i want it yet in internet explorer it stretches out too far and looks a mess what could i do about it? is this because ie doesnt accept height tags? For some reason, using <table align="center" width="85%"> at the following http://amazingfreegraphics.com/webfetti.html correctly shows the content in 85% of the browser in Internet Explorer, but still covers 100% in Mozilla. How do I fix in Mozilla? Hey, I've downloaded a template to use for my webpage and i changed up the width of the middle section (in grey) within the css, it views perfectly in mozilla, but when viewed in IE it's as if i didn't widen the width of the middle section at all and as a result the text and images i have put in the area are compacted. Does anyone have any ideas of how i can get IE to view my site the same as mozilla is? Mozilla is displaying the site as i want it too look. The text is more spread out wthin the grey area. http://www.revolutionct.com.au/boot_camp_canberra.html Appreciate any help! Thanks. hi i have a bit of a problem i am making a website with html and css and when i want to view it in mozilla i only get the text and when i open it in ie6 i see my whole stylesheet i dont get it 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>
<title>Visual Basic Tutorials</title>
<link rel="stylesheet" "type=text/css" href="style.css" />
</head>
<body>
<div class="spacer"></div>
<div id="wrapper">
<div class="banner">
<img src="dat.png" /> </div>
<div class="tekst" id="links">
<div>Main content </div>
<hr />
<div class="textboxes">
<div class="textboxspacertitle">
<h3>Title</h3>
</div>
<hr />
<div class="textboxspacertext">
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
</div>
</div>
<div class="textboxes">
<div class="textboxspacertitle">
<h3>Title</h3>
</div>
<hr />
<div class="textboxspacertext">
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
<p>TekstTekstTekstTekstTekstTekstTekstTekstTekstTekstTekst</p>
</div>
</div>
</div>
<div class="menu" id="rechts">
<div class="menuspacer">
<h3>Navigation</h3>
</div>
<hr />
<div class="menuspacer">
<div class="list">
<ol>
<li><a href="Index.html">Home</a></li>
<li><a href="Tutorials.html">Tutorials</a></li>
<li><a href="Downloads.html">Downloads</a></li>
<li><a href="Links.html">Links</a></li>
<li><a href="Contact.html">Contact</a></li>
</ol>
</div>
</div>
</div>
</div>
<div class="spacerbottom">
Copyrights by: Kevin 2008 </div>
</body>
</html>
css: Code: *{
margin: 0;
padding: 0;
}
body{
font-family: arial;
color: #333;
size: 12px;
background: #ddd;
}
.spacer{
height: 1.8em;
display: block;
}
#wrapper{
background: #eee;
width: 800px;
height: 900px;
margin-bottom: 20px;
margin: 0 auto;
border: 1px solid #999;
}
.banner{
background: #bbb;
border:2px solid #999;
height: 98px;
width: 717px;
margin-left: 40px;
margin-top: 50px;
vertical-align: middle;
}
.tekst{
border: 2px solid #999;
height: 700px;
width: 500px;
background: #bbb;
min-height: 700px !important;
}
.menu{
border: 2px solid #999;
width: 200px;
background: #bbb;
}
#links{
float: left;
margin-left: 20px;
margin-top: 25px;
}
#rechts{
float: right;
margin-right: 20px;
margin-top: 25px;
}
a:hover{
text-decoration: underline;
}
a{
text-decoration: none;
color: #000;
}
.menuspacer{
margin: 15px 15px 15px 15px;
}
.textboxes{
border: 2px solid #999;
margin-left: 25px;
margin-right: 25px;
margin-top: 15px;
height: 200px;
background-color: #ddd
}
.textboxspacertitle{
margin-left:10px;
margin-top: 15px;
}
.textboxspacertext{
margin-left:10px;
margin-top: 5px;
margin-bottom: 10px;
}
.spacerbottom{
height: 1.8em;
display: block;
text-align:center;
}
img{
border: 1px solid #999
}
Hi all, I wanted to learn HTML before 1 year, but I gave up, it was too much too read But now I wanna start again, and I'm searching for the tool I used. But I can't find it, it was so easy, and I was able to use it, and believe me, there's not much I CAN use It was a simple editor tool, and I think it was from Mozilla. That's what it did: I wrote something in HTML, and when I pressed preview he showed me what will display when I add the code on a website. And I was able to save my codes as a file format, but I don't know which, I think something standard... And now I want that tool again, but I searched for 2 hours now and I can't find it... Does ANYONE know the name? I would be very pleased about a helpful answer... Or does anyone know a tool which does, what I described? A simple tool? ______________________________ CuddlyBunny AkA Nico Hi, I am trying to build my daughter's website on geocities and for the videos section I am trying to use page jumps DIVs. I am using mozilla and everytime I go on it the page jumps and the DIVs is all mess up and I don't know what's wrong with it then I tried going on internet explore and my codes worked on there but just not on mozilla. Does anybody know what I can do or change? I am currently using the basic html DIVs and page jumps. I have a following html document <html xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <body title="Integrated MedFacts Module"> <span class="normalFont" style="font-size:140%; width:100%; "><b>Tetracycline Capsules and Tablets</b></span><b>Pronunciation: </b>tet-ra-SYE-kleen<br><b>Brand Name: </b> Sumycin<br><br><b>This medicine is used for:</b><p>Treating infections caused by certain bacteria.</p> </body> </html> The above document when seen in IE 7 shows Tetracycline Capsules and Tablets and Pronunciation in separate lines. But the same documetn when seen in Mozilla FireFox or Opera is showing Tetracycline Capsules and Tablets and Pronunciation in same lines without any space between them. Can anyone let me know why this is hapenning? Thanks, Ragha I used code below to play mp3. Explorer can not play mp3 but mozilla can. What is problem? < A HREF = "MYMP3.MP3".....> OR, <EMBED SRC= "MYMP3.MP3" ...> Hi, I'm trying to validate one of my HTML pages using HTML 4.0 Transitional. I have cleared all errors listed apart from one. The error is: Code: The tag name: "embed" Not found in currently active versions.[HTML 4.0] I have added a flash annimation and used the embed tag for it to work in mozilla. If i remove the embed tag it works in IE but not in mozilla. This is the section of script the error is refering too: Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="305" height="15" title="Sherborne Contemporary Arts"> <param name="movie" value="animation/logo/logo_text.swf"> <param name="quality" value="high"><param name="LOOP" value="false"> <embed src="animation/logo/logo_text.swf" width="305" height="15" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed> Im using dreamweaver so i don't know which bits i can strip out. i do know if i strip out the embed tag flash wont show in mozilla but it still works in IE. Is there a valid fix for this? How else can i show flash both in IE6/7 and mozilla making sure it validates. Cheers in advance Rick Hi, I have created a Html page using frameset which will redirect to the other html page. if i am opeming this page in html and clicking on the "search" button the page is reloading correctly but if i do it for more than7 times its showing the blank page. i have created two html pages like parent and child. the code for parent.html is Code: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>HTML Frameset Example</title> </head> <body> <frameset cols="100%"> <frame name="lefty" src="frame.html"> </frameset> </body> </html> the code for the frame.html is Code: <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </HEAD> <BODY> <form action='parent.html'> <input type="submit" value="SUBMIT" /> </form> </BODY> </html> in these two pages if we click the submit button then it will reload the parent.html only but after the submission of 8times its showing the blank page. I am facing this problem in mozilla only. in Internet explorer its working fine. can anyone pls help me thanks in advance Navatha Hi, i have a site with iframes. By opening the page with IE is ok, but Mozilla can't open it. So, this is the code: Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> </head> <frameset rows="*" cols="80,*" frameborder="no" border="0" framespacing="0"> <frame src="file:///C|/frame2.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame"> <frameset rows="80,*" frameborder="no" border="0" framespacing="0"> <frame src="file:///C|/frame3.hml" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame"> <frame src="file:///C|/frame1.hml" name="mainFrame" id="mainFrame" title="mainFrame"> </frameset> </frameset> <noframes><body> </body> </noframes></html> Can somebody help me to find the problem? ok then peeps this is the issue... i have created a page and want to play 2 separate flash files on that page... it works on ie7, safari, opera but not Mozilla it plays the 1st one but misses out on the 2nd one and dosen't show at all how mad is that??? as i said it works fine in all other browsers except Firefox... here is the code any pointers really appreciated thanks :-) <----code starts---> <td><center> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','184','height','220','title','sparkle flash','src','flash/promaflexplus','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/promaflexplus' ); //end AC code </script> <noscript> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="184" height="220" title="sparkle flash"> <param name="movie" value="flash/promaflexplus.swf"> <param name="quality" value="high"> <embed src="flash/promaflexplus.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="184" height="220"></embed> </object> </noscript> </center></td> </tr> <tr> <td class="style8">Why not try our Sparkle range to make your design's look funky and modern. Give it a try you will see how your design's will change.</td> </tr> </table> <table width="281" border="0"> <tr> <td><div align="center"><img src="images/machinery array.png" alt="Machinery" width="262" height="112" longdesc="../machinery.html"></div></td> </tr> <tr> <td><p class="style8">we can also offer you great deals on your plotters, Printers, and heat presses.</p> <p> <span class="style8"><A STYLE="text-decoration:none" href="../machinery.html" target="_self">View Items</a> or alternatively call a member of our team today to get the best options available for you, on: <span class="style24"></span></span></p></td> </tr> </table> <p align="center" style="padding-center:28px; padding-top:11px;"></p> <table width="275" border="0"> <tr> <td><center> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','245','height','700','align','absmiddle','title','Forever Advert Flash','src','flash/forever advert flash','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/forever advert flash' ); //end AC code </script> <noscript> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="245" height="700" align="absmiddle" title="Forever Advert Flash"> <param name="movie" value="flash/forever advert flash.swf"> <param name="quality" value="high"> <embed src="flash/forever advert flash.swf" width="245" height="700" align="absmiddle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed> </object> </noscript></center></td> </tr> </table> <---code ends----> Hi all! I mainly use the above mentioned three browsers to test my page layouts. I just need to know how I can eliminate most of my inconsistency problems, i.e. pages not looking the same in terms of fonts, alignment etc. across multiple browsers. Is there a way I can check and eliminate these problems quickly? Macromedia Dreamweaver is not an option. I mainly use HTML-Kit to design my sites. See www.agriads.co.za for an example. Hi, I have created a Html page using frameset which will redirect to the other html page. if i am opeming this page in html and clicking on the "search" button the page is reloading correctly but if i do it for more than7 times its showing the blank page. can any one help me to fix this issue. thanks in advance, Navatha. I am testing a really simple embed code: Code: <embed src="1.mp3"
height=45
width=300
controls="smallconsole"
autostart="true"
nosave="true"
loop="true">
When I open it in IE (Most recent version): It loads inside a Windows Media Player Plug-in, and plays fine. When I open it in Firefox (Most recent version: It loads inside a Quicktime plug-in, plays once, but if you refresh the page it won't play. You have to clear your cookies, and restart Mozilla for it to work. I can't seem to figure out why? Thanks in advance. EDIT: I tried using <object> tags instead, it works in both browsers just fine: Code: <OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="1.mp3"> <PARAM name="autostart" VALUE="true/1"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="false"> <PARAM name="ShowDisplay" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="1.mp3" NAME="MediaPlayer" WIDTH="200" HEIGHT="45" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> Hopefully this will help someone else with a similar problem. Hey guys. I'm having a problem regarding a website I'm building for a friend. It displays perfectly fine on Mozilla Firefox, but when a certain page is viewed on Internet Explorer (said page is http://kod.cogia.net/index.php?page=members), it is absolutely messed up. I've inspected the code a few times but cannot come up with a reason why it is like that. The style code is located at " http://kod.cogia.net/includes/style.css ". The code for the members page is (the resulting HTML) can be viewed by looking at the source code of the page. Thanks for any and all help guys! |
|||||||