Layout Problem: Explorer vs Firefox
Hey Guys,
I am creating a webpage using CSS.
The layout is set up using DIV tags.
It appears the way I want it in Explorer but it does not show up the same in Firefox.
I am having a problem with
<div id="Footer">
<div id="LogIn">
In Explorer #Footer is at the very bottom with #LogIn placed inside it.
But in FireFox #Footer is placed below #NavBar behind the other DIV's.
I have attached my code in LayOut.txt and the mockup design in LayOut.pdf
Let me know what you think.
Thanks,
Travis
This is the HTML code with the CSS inside of it.
It shows up fine in explorer but it does not show up the right way in FireFox.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body,td,th {
margin: 0px;
padding: 0px;
#wrapper {
padding: 0px;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
#HeadNav {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #CCCCCC;
height: 20px;
width: 100%;
text-align: right;
padding: 0px;
margin: 0px;
#HeadNav a {
color: #DFCCDF;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
#HeadNav a:hover {
color: #F48929;
#NavBar a {
color: #FFFFFF;
height: 30px;
margin-right: 0px;
line-height: 28px;
display: block;
text-align: center;
width: 75px;
float: left;
background-position: top;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
#NavBar a:hover {
background-image: url(Images/2NavBarBG.jpg);
background-position: bottom;
#Header {
text-align: left;
margin: 0px;
padding: 0px;
height: 140px;
width: 100%;
background-color: #FFFFFF;
background-image: url(Images/Header2.jpg);
background-repeat: no-repeat;
#NavBar {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
background-color: #FF6600;
margin: 0px;
padding: 0px;
height: 30px;
width: 100%;
text-align: left;
background-image: url(Images/2NavBarBG.jpg);
#RightImg {
float: right;
height: 200px;
width: 190px;
margin: 0px;
padding: 0px;
background-color: #333333;
#MainImg {
padding: 0px;
height: 200px;
width: 700px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
float: left;
background-color: #ECECFF;
#ContentWrapper {
padding: 0px;
width: 900px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 5px;
border-left-width: 0px;
#RightColumn {
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
width: 190px;
background-color: #ECECFF;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
float: right;
margin-top: 10px;
#Content {
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
float: left;
width: 700px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
#Content h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #FF6600;
#Content h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #FF6600;
#Content p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #ECECFF;
padding-right: 5px;
padding-left: 5px;
#Content #MainContent {
padding: 0px;
width: 700px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
#Content #MainContent p {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
#Content #LeftContect {
margin: 0px;
padding: 0px;
float: left;
width: 227px;
#Content #CenterContent {
float: left;
width: 227px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
#Content #RightContent {
margin: 0px;
padding: 0px;
float: right;
width: 227px;
#Footer {
background-color: #F2FFFF;
padding: 0px;
width: 900px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
height: 300px;
#LogIn {
background-color: #FF6600;
height: 110px;
width: 170px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
float: left;
#LogIn p {
padding: 0px;
color: #FFFFFF;
margin: 0px;
#wrapper #Footer #FootNav a {
margin-right: 3px;
margin-left: 3px;
#LogIn form {
margin: 0px;
padding: 0px;
#FootNav {
font-family: Arial, Helvetica, sans-serif;
color: #FF6600;
float: right;
a:link {
color: #FF6600;
text-decoration: none;
a:visited {
color: #D95700;
a:hover {
color: #2E3192;
a:active {
color: #D95700;
h1 {
font-size: 16pt;
color: #FF6600;
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="HeadNav"><a href="#">RDI Home</a>|
<a href="#">Apply Now</a>|
<a href="#">Contact Us</a>
</div><!-- HeadNav //-->
<div id="Header">
</div> <!-- Header //-->
<div id="NavBar">
<a href="#">Home</a>
<a href="#">Location</a>
<a href="#">About</a>
<a href="#">Benefits</a>
<a href="#">People</a>
<a href="#">Apply Now!</a>
</div>
<!-- NavBar //-->
<div id="MainImg">
</div> <!-- MainImg //-->
<div id="RightImg">
</div><!-- RightImg //-->
<div id="ContentWrapper">
<div id="Content">
<div id="MainContent">
<h1>Header 2</h1>
<p>Subject matter </p>
</div> <!-- MainContent //-->
<div id="LeftContect">
<h2>Header 2</h2>
<p>Subject matter</p>
</div> <!-- LeftContent //-->
<div id="RightContent">
<h2>Header 2</h2>
<p>Subject matter </p>
</div> <!-- RightContent //-->
<div id="CenterContent">
<h2>Header 2</h2>
<p>Subject matter kjhdfh kljdfhklh ;hfdkjh lkjdfs kjdfh k;adfhkjdfh ;kjhkf kljhfkjh kljhf kljh alfjh lkjhd kjh fkjh kljh dcljhdka </p>
</div> <!-- CenterContent //-->
</div> <!-- Content //-->
<div id="RightColumn">mnbmnbbn
</div><!-- RightColumn //-->
</div><!-- ContentWrapper //-->
<div id="Footer">
<div id="LogIn">
<p>Login</p>
<p>Name:</p>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="text" name="textfield" id="textfield" />
</label>
</form>
<p>Password:</p>
<form id="form2" name="form2" method="post" action="">
<label>
<input type="text" name="textfield2" id="textfield2" />
</label>
</form>
</div><!-- LogIn //-->
<div id="FootNav">
<a href="#">Home</a> |
<a href="#">About</a> |
<a href="#">Contact Us</a> |
<a href="#">Pepole</a> |
<a href="#">Benefits</a> |
<a href="#">Locations</a> |
<a href="#">Apply Now</a>
</div><!-- FootNav //-->
</div><!-- Footer //-->
</div><!-- wrapper //-->
</body>
</html>
Similar Messages
-
I can't download videos to Real Player. The settings are correct and i can download in Internet Explorer 7 with no problem but not FireFox 5...any ideas??
I'm still experiencing this problem. I went to settings, general, software and it says Install now. But when I try, I get an error message.
-
I just downloaded the HP Smart Web Printing which is free for those who purchase printers. It provides ability to select and clip or print web pages. It works on Explorer but not Firefox 4. There are many such questions on forums in both HP and Firefox. I love Firefox and would hate to have to go back to Explorer.
Firefox 4 also does not appear to have "Send to OneNote" either. I used to be able to do this in Firefox 3.SEE 72 PEOPLE WITH THE PROBLEM AND 13 NEW. LOOK ON YOUR OWN WEBSITE AND GOOGLE TO FIND THE MANY, MANY OF US WITH THIS PROBLEM.
-
Unable to load ITUNES onto PC HP, windows 7 Home Version. Error message reads "Application Application Support not found". "Uninstall and reload". I have done that 4 times on Explorer and Firefox without success. Help??
I had gotten a similar problem, except with "provider services", i believe, but i solved it by copying sqlite3.dll from E:\Program Files\Common Files\Apple\Apple Application Support to E:\Program Files\Common Files\Apple\Mobile Device Support. doing that solved my first problem, but now i have been getting the error described in this topic (unable to load dataclass info... etc.). i tried reinstalling itunes (i already had 9.1.1, and thats what i reinstalled) by using the method described on apples site (using the "remove programs" tool in the control panel) and then downloading and installing itunes. when i opened it again, i still got the same error, and just now i got an error saying "the instruction at "0x00aadb6b" referenced memory at "0x00000008". the memory could not be read" it gave me the option to cancel and debug, or to press ok and terminate the program. I tried pressing cancel, and the popup went away but nothing else happened. a minute later the popup was back, so i pressed ok and itunes quit. Upon opening Itunes again, i got the very same error. sorry for the long post, but its really been bugging me. thanks for any help you might give, and if you need anymore info, feel free to contact me.
-
Can someone please help me with a layout problem.
As far as I can tell the page looks as it should in Netscape,
Firefox, etc., but IE6 and 7 refuse to work correctly.
The page I am working on is:
http://www.vmtampademo.com/localangler/testpage.html
Most of the picture caption and headline of the middle column
is behind the picture. I attempted to force the info with a
seperating div which seems to work sometimes. I doubt that this is
the correct solution. What am I doing wrong?
Thank you for the help!It looks fine in Firefox 2.0.0.1, Opera 9.10, and IE 7.
-
Flash not working with Internet Explorer or Firefox - is OK with Google Chrome - What gives?
The title is my question. When accessing Youtube with either Internet explorer or Firefox and attempting to watch videos I have viewed before from both browsers, I get messages that I need to install the latest version of Flash player. After multiple re-installs of both Flash and the browser software as well, the problem still exists. The only browser that I can use is Google chrome, and I prefer not to. What can I do?
Hello,
Welcome to Adobe Forums.
Do you have Windows or MAC ?
Which version of IE and Firefox are you using ?
Do you see Flash bouncing logo here : http://www.adobe.com/software/flash/about/
Check whether Shockwave Flash Object is enabled or not ? (For IE : Tools -> Manage Add-ons & For Firefox : Tools -> Add-ons)
Note : Open the above URL on IE or Firefox
Thanks,
Vikram -
Actionscript bug problem loading in Firefox
Please Help.
I'm working on a page at
http://localhost/skitterskatter/gerilance/D4D/index4.html
The page works fine in Internet Explorer on a PC. In Firefox
and some mac browsers when you click on a thumbnail, the image does
not display (an image is supposed to expand out from the thumbnail
into the upper right of the screen). After a page refresh often the
thumbnail actions work.
It seems that the image has to load into the cache before it
can move. I can't figure out how to get this to work. Here is the
actionscript:
var finalWidth = 435; // width for furniture piece
var finalHeight = 295; // height for furniture piece
var initWidth = 10; // initial width and height for furniture
piece that explodes from thumbnail
var initHeight = 10;
var finalX = 570; // Destination X and Y positions for
furniture piece
var finalY = 50;
var stoploop = 0; // counter to determine when furniture
piece is in place
var numberOfCalls = 40; // the number of times a function is
called to reach the final position
var intervalID;
var initX = 0;
var initY = 0;
function startLoading(image, button) {
clearInterval(intervalID);
_root.infoField._visible = true;
myData = new LoadVars();
myData.onLoad = function() {
_root.descr.text = this.theText;
myData.load("./descr/"+image+".txt");
myData = new LoadVars();
myData.onLoad = function() {
_root.nameOfPiece.text = this.theText;
myData.load("./names/n_"+image+".txt");
_root.perice._width = 10;
_root.perice._height = 10;
var whichImage = "./pieces/"+image+".jpg";
loadMovie(whichImage, "_root.perice");
_root.onEnterFrame = function() {
var infoLoaded = _root.perice.getBytesLoaded();
var infoTotal = _root.perice.getBytesTotal();
var percentage = Math.floor(infoLoaded/infoTotal*100);
_root.infoField.text = "loading... "+percentage+"%
InfoLoaded: "+infoLoaded+" InfoTotal: ";
if (percentage>=100) {
var material = "./materials/mat_"+image+".jpg";
var titleimage = "./titles/title_"+image+".jpg";
var design = "./designs/design_"+image+".jpg";
loadMovie(material, "_root.material");
loadMovie(titleimage, "_root.titleimage");
loadMovie(design, "_root.design");
initX = _root._xmouse;
initY = _root._ymouse;
stoploop = 0;
_root.perice._x = initX;
_root.perice._y = initY;
intervalID = setInterval( moveperice, 50 );
delete this.onEnterFrame;
// gotoAndPlay(1);
_root.startagain();
function moveperice() {
_root.perice._x += (finalX-initX)/numberOfCalls;
_root.perice._y += (finalY-initY)/numberOfCalls;
_root.perice._width += (finalWidth-initWidth)/numberOfCalls;
_root.perice._height +=
(finalHeight-initHeight)/numberOfCalls;
stoploop += 1;
if (stoploop >= numberOfCalls) {
clearInterval(intervalID);
slidebar.button1.onRelease = function () {
startLoading("albert", this, initX, initY);
slidebar.button2.onRelease = function () {
startLoading("amy", this, initX, initY);
slidebar.button3.onRelease = function () {
startLoading("david", this);
etc with the rest of the buttons.
Please help.I couldn't see a problem there using firefox... except that
the size is designed for a higher resolution than what my laptop
has I'm guessing.
For MovieClipLoader examples there are quite a few already in
these forums (you should be able to find them by searching in as1
& as2 for "MovieClipLoader") or you will find examples in the
help files for MovieClipLoader, or livedocs online. Or there's a
simple example here for loading a swf ( a jpg is not much
different) :
http://www.flashgods.org/forums/viewtopic.php?f=20&t=70 -
The new flash player update crashes internet explorer and firefox
The new flash player update crashes internet explorer and firefox, please send a new release to fix the problem ASAP!
ok here's more mystery. i just uninstalled and reinstalled flash player using the adobe uninstaller and rebooting after each step. aqlso installed latest java. i started looking at videos and here are the ones that worked: you tube
imdb
hulu
ebaumsworld
here are the ones that didn't work: yahoo
msn
reuters
here are the ones that partially worked: the blaze (works on videos that originate from you tube, but not from news stories)
bing (work on videos from their video section - entertainment type, but not from news videos)
the common thing here seems to be that news type videos crash and entertainment type don't. also videos seem more likely to crash on internet portals like yahoo -
Internet Explorer and FireFox do not support Go To A Page View links
Internet Explorer and FireFox do not support Go To A Page View links between PDFs created with Acrobat 8 Professional. Safari does support the links. Similar problem on both PC and Mac.
Two possible errors occur: (1) the error message “page not found”; or (2) nothing at all happens – the reader does not leave the page.
Do you have any suggestions?Check the target field in the Firefox desktop shortcut and make sure that you do not start Firefox with the -no-remote switch or have set the environment variable MOZ_NO_REMOTE=1 (Control Panel > System > Advanced > Environment variables).
Always make sure to start at least the default profile without the -no-remote command line switch.
If you need to have more than one profile open at the same time then start subsequent instances with the -no-remote command line switch.
You can not send links from other programs to a Firefox instance that is started with the -no-remote switch.
In such a case you need to drag links in a Firefox window or paste the link in the location bar. -
Since upgrading from Windows Vista to Windows 7 both Internet Explorer and Firefox will not recognize the numbers keys of my keyboard. I get numbers in Word and every other situation, just not in the internet programs. I have tried uninstalling Firefox and reinstalling with no results.
If there are problems with importing the IE Favorites in Firefox then export the favorites in IE to an HTML file and import that file in the Firefox Bookmarks Manager.
If you do not have the menu bar in IE then right-click the toolbar at the top to enable the Menu Bar.
*Export the favorites in IE to an HTML file (bookmarks.html):<br>File > Import and Export
*Import the HTML file in Firefox:<br>Bookmarks > Show All Bookmarks > Import & Backup > Import Bookmarks from HTML
See "Import from another browser" and "Import from file":
*http://kb.mozillazine.org/Import_bookmarks -
I am having a problem with the FireFox browser. I have attached two files that best describe the problem. I have labeled them A & B. A is the way it should look and B is what happens after I have I opened several tabs. I can get it back to normal if I click on VIEW than click on customize. When the customize window appears FireFox returns to its normal state. I than click on the done box and go back to what I have been doing. I tried resetting FireFox back to default settings, but that did not correct the problem.
This began happening about a month ago. Is there a way I can fix this problem? Thanks for your help.I don't know how to attach my 2 attachments that shows the problem I am having.
[email address removed to protect your privacy and security]
<! [email protected] -->I found the images here: https://support.mozilla.org/en-US/questions/977542#answer-501598
-
setup problem, windows xp, firefox upgrade to 4 and asked to reboot but did not progress. keeps asking to restart even if I try to remove
Hi marsano,
Usually the only reason it will ask you to reboot is if there is a file that must be modified that the updater doesn't currently have access to. You should try running the Firefox program once as Administrator:
* Right-click the icon and choose ''Run as Administrator''
If that doesn't help then do a clean reinstall.
# Download a fresh copy of Firefox from the [http://www.mozilla.org/firefox/fx/ Mozilla download page] and save the file to the desktop.
# [[Uninstalling Firefox|Uninstall]] your current version of Firefox and remove the Firefox program folder before running the new installer.
# Run installer
Remember that you don't want to remove personal data when uninstalling. That way you'll still have your personal information.
Hopefully this helps! -
Need internet explorer of firefox on Mac
I am going back to school and doing it online. I have done a system check with the platform my school uses and it says I must have internet explorer or firefox. Is there a mac version of these that will work? We had looked into the option of getting Parallels and windows installed but can't really afford it right now. By using either one of these is there security issues I should be aware of?
Click here and use the Mac OS X download link. Internet Explorer should no longer be used in Mac OS X.
(51589) -
upon firefox update this morning, every window opens with this error in a popup: ''CaptureMovieFox could not be initialized. Some files of the extension may be missing or there is a problem with the Firefox.''
when I close the popup, the original window opens seemingly without issue.http://getfirebug.com/releases/firebug/1.8/
visit this and find the compatible version of this f***ing firebug. which certainly has nothing to do with us (not-programmers). i have been having this problem for months but now the last link worked for my firefox 6. Find yours here. -
I just stepped over from explorer to firefox and al my saved favorites from explorer are vanished. How can I get back these favorites? Besides that I can´t find a favorite menu in my firefoxbrowser wich I like to work with
In the device sync pages select Photos on the top at the right.
Un tick Sync Photos
Apply
Maybe you are looking for
-
Automatic creation of transportation lanes betwen intercompany plants
Hello Experts, I need to create transportation lanes automatically through integration model between two intercompany plants. The relation between these two plants are of vendor--> customer in ECC and the documents used are of sales / PO type. Sour
-
XML Validation..in JSP (Exception Problem)
Hello all, Below is a .JSP program, which validates an .XML ("validate.xml") file residing in the same container as the JSP. It throws all the possible exception for all possible errors in an XML file(& prints them in a TextArea), but it terminates a
-
IMac 27inch built in SD slot not detecting
Recently, I wanted to use my SD slot to upload pictures from my camera. It has been working fine before and now all of sudden it doesn't read the card at all once I put in the built in slot on the side. At first I thought it was the SD card but when
-
Back up problems with windows 7
Hi, I am having difficulties backing up my files using this version of windows 7 64 bit. Like many others, windows is taking around three hours to perform a full back up each time instead of just updating new or modified files etc. Also, I cant see m
-
Is it still an 'upgrade' if you're downgrading?
I got a blackberry before I went to college almost a year ago, and now that I've had it and I'm in college I realize the bill is absolutely ridiculous and I need to downgrade. Is a 'downgrade' still considered an 'upgrade'? Will I receive any discou