Margin issues in FF, but IE and Dreamweaver agree - everyone's favourite
Hi everyone,
I've searched on the web and read about problems in the
margin settings between browsers. But their problems are often more
complicated than mine. I'll explain what I'm trying to do, present
code snippets, and explain the results. I appreciate any feedback
or help in this!
I'm building a navigation bar at the top of my web page. I've
used divs to divide the page into what I think are logical
divisions:
- a
header div that will contain header elements such as the
navigation bar
- a
content div that will contain the content for the page
- a
nav div which is inside
header and will have an unordered list of links
The
header div has a gradient background tiled horizontally, and
is 160 pixels in height. The
content div also has a gradient background that fades into
the page's background color, tiles horizontally, and is 50 pixels
in height. The
nav buttons are only going to be 80 pixels high, and I want
them aligned along the bottom of the header. So, with a
header of 160 pixels, and
nav that is 80 pixels, my solution was to give the
nav a top margin of 80 pixels. This would position the
nav at the bottom of the
header div.
The code now follows - HTML first:
<!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=iso-8859-1" />
<title>Masthead attempt 2</title>
<link href="stylesheets/masthead.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="header">
<div id="nav">Content for id "nav" Goes Here
</div>
</div><!-- header -->
<div id="content">
Content for the id "content" goes here
</div><!-- content -->
</body>
</html>
And the CSS code for it:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #444444;
color: #BBBBBB;
margin: 0px;
padding: 0px;
#header {
background: url(../images/bg/masthead_gray.png) repeat-x;
height: 160px;
width: 100%;
margin: 0px;
padding: 0px;
#content {
margin: 0px;
background: url(../images/bg/page_bluetowhite.png) repeat-x;
height: 50px;
width: 100%;
#header #nav {
height: 80px;
margin-top: 80px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
In Dreamweaver, this code appears to lay out the page as I
want it. Clicking on the
nav div shows a margin of 80 pixels at the top, and an 80
pixel high box for the content. When I preview the page in IE7, the
page displays correctly. But when I preview my page in Firefox, the
header and
content divs have been pushed down 80 pixels, showing the
page background color, and the text "Content for id "nav" Goes
Here" appears to be lined to the top of the
header div. Adding a background-color: #FFFFFF line to the
styles for the
nav confirms this.
I don't understand why this is happening; since the
nav is inside the
header, its margin should not affect its parent! Any insight
is greatly appreciated.
Too much text :/ I hate generated source - something always goes wrong and you never know what the hell
What about embedding it yourself?
Create empty HTML file, download swfobject.js: http://code.google.com/p/swfobject/downloads/list
And use this block of code. Of course, change name of swf file, width and height. Unpack swfobject.js right next to the html file.
<!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>SWFObject dynamic embed - step 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("myContent.swf", "myContent", "800", "600", "9.0.0");
</script>
</head>
<body>
<div id="myContent">
<p>Alternative content</p>
</div>
</body>
</html>
Similar Messages
-
Issues with transfer between contribute and dreamweaver
Hello!
I just installed the Adobe Creative Suite 3 the Master
Collection for my macbook and I am having issues when I open
contribute and then try to edit the sites in external application
i.e dreamweaver an error message comes up saying make sure that
dreamweaver is installed and that there is enough memory.
Please help me remedy this issue!Welcome to the Apple Discussions.
The usual reason for this is that you’re using a different colour space in Photoshop. Try using sRGB in both, see if it helps.
Regards
TD -
Can't download photoshop and dreamweaver in cloud. Says Installed, but I don't have it
So a while ago I was using the trial version of photoshop and dreamweaver. I decided to pay for cloud to access these programs but I uninstalled the programs first. Now when I click the download I can't install either one because it says installed next to the image.
I had asked someone on the website through the chat if I would have this exact problem and they told me so long as I purchased the product i would not have the issue. I didn't want to purchase if I was going to have the problem, but I'm having it
I needed this program tonight so I'm considering just cancellingHi JessyaDoucett,
I would first double-check that you actually uninstalled them, usually the Adobe Application Manager checks the system to see what is currently installed, if Photoshop and Dreamweaver didn't actually get uninstalled that would explain what you are seeing.
Don't uninstall, rather check if these products are listed here
on Mac OS
1. Double-click your hard drive.
2. Go to Applications > Utilities > Adobe Installers.
on Windows
1. Click Start > Control Panel.
2. Click Programs and Features.
If they didn't actually get uninstalled you should be able to convert the existing installations to be included as part of your Creative Cloud Membership using this workflow
http://helpx.adobe.com/creative-cloud/kb/convert-cs6-licensed-under-ccm.html
If they were uninstalled but something went wrong you might need to install again from the trial or use the Adobe Cleaner tool as next steps
http://helpx.adobe.com/creative-suite/kb/cs5-cleaner-tool-installation-problems.html
You can launch Adobe Application Manager from
Applications Folder on Mac or the Start Menu on Windows to reinstall when you're ready
-Dave -
Deployed Acrobat XI and Dreamweaver CS5/CS6 MSI issue
Hello everybody,
After many hours trying different cases I identified my problem, but I don't have any solution !
I deployed Acrobat XI with an MSI created with the Adobe tool.
When I wanted to deploy Adobe Dreamweaver CS5 (or CS6) created with Adobe Application Manager Enterprise Edition I had a 1603 error.
If I install the Dreamweaver MSI without having Acrobat installed no problem.
If I install Dreamweaver manually with Acrobat MSI installed no problem.
If I install manually Acrobat and deploy the Dreamweaver MSI package no problem neither.
I recreated both Acrobat and Dreamweaver packages, but it's all the same!
If you have any idea that could help it will be welcome !
VincentKnown issue: http://helpx.adobe.com/acrobat/kb/blank-eula-screen-appears-acrobat.html
-
I just upgraded itunes. And now I cannot see my iPads or iPod in the left margin of itunes? But I can still see them in my Windows Explorer?
Hey there MattSK123,
Thank you for your question. It sounds like you are unable to see either of your devices in the sidebar of iTunes after a recent update. A number of issues could cause this type of behaviour, and would recommend starting with the troubleshooting from the article named:
iOS: Device not recognized in iTunes for Windows
http://support.apple.com/kb/ts1538
If the issue is not resolved, I would next re install iTunes from either of the following articles depending on the version of Windows you have:
Removing and reinstalling iTunes and other software components for Windows Vista, Windows 7, or Windows 8
http://support.apple.com/kb/ht1923
Or
Removing and Reinstalling iTunes and other software components for Windows XP
http://support.apple.com/kb/ht1925
Thank you for using Apple Support Communities.
Take care,
Sterling -
I've installed CS6 and web Premium on a Mac running 10.9.5, and Dreamweaver,Flash and Illustrator wont launch. All other components work normally. In Activity monitor it says Adobe switchboard failed to respond. Can anyone help solve this issue?
Release: 4/25/2012
http://support.amd.com/us/gpudownload/windows/Pages/radeonmob_win7-64.aspx -
Been building web pages for nearly 20 years, starting with GoLive. Went to Dreamweaver about 12 years ago, the Macromedia version. Tried going to iWeb when it came with a new Mac, but found it way too limiting with it's CSS template base. Unknowlingly, I then bought a new copy of Dreamweaver. Ooops, Adobe had bought Macromedia and Dreamweaver, too, is now CSS based, which for my money makes it useless to anyone who likes simplicity. Now I find that even iWeb has been discontinued. I was told yesterday that Apple doesn't have a web program any more. At 12 years old, I just don't think it's practical to try to load my old Macromedia Dreamweaver into the new Mountain Lion (I'm getting a new Mac), though it is running, barely, in Snow Leopard.
I need to find a web builder program that will permit simple construction of educational pages, nothing fancy, nothing artistic, just create a page, give it a color, type or drag in text, insert a table, insert pix in the table blocks, add text under the pix... done! I should note that I am not looking to build traffic. I teach simple things for free and people who want to learn those things (antique sewing machine repair, quilting, building longbows) find me.
I've downloaded trial versions of half a dozen or so programs and looked at maybe 20 more, but all are either CSS based and drive me insane with requirments for constantly making rules and template models, and/or require that you base your web presence in their server. Also, many will not work with pages built in other programs. I maintian a volume of over 1000 web pages, many requiring regular updating, and they have been with the same server for more than 15 years. I'm not about to change.
So, anybody know a simple, old fashioned web builder that's happpy on a Mac platform?
Captain DickAlthough not supported anymore, iWeb does still function using Mountain Lion...
http://www.iwebformusicians.com/iWeb/mountain-lion.html
... and you can purchase it from Amazon.
Start with a blank page using the Black or WHite template.
All modern websites use CSS and there are thousands of free templates to be had if you want to use a code entry style application. You will need to go this route if you want to create a site that is viewable on mobile devices although you can create an iPhone version using iWeb...
http://www.iwebformusicians.com/iWeb/Mobile-iWeb.html
Search this forum for numerous topics about iWeb alternatives. -
My iPod Nano 7th Generation couldn't be detected by iTunes when I plugged in. I tried resolving the issue by uninstalling the iTunes and then install it back again but yet still the same problem exist. Can you please help me to solve this issue? I have already updated to the latest version of iTunes on my Windows 8 and I cannot synchronize my iPod for the time being. Please do help me to solve this problem. Thank You.
uninstall all iTunes,5 programes,this worked for me after reinstall them
-
I am having issues with my Window 7 on boot camp. My hardware is Macbook Pro Mid 2010 model and working on OS X 10.9.5. Recently I went to windows 7 to do a system upgrade but failed and was told to update the bootcamp drivers. I installed boot camp5 but seem to be the wrong version and change to boot camp 4 which was updated okay. However I still cannot do the updates. Can someone advice me please? Thank you!
Please see Boot Camp: System requirements for Microsoft Windows operating systems - Apple Support for the appropriate version of drivers related to the specific version of Windows 7.
MacBook Pro
(13-inch, Mid 2010)
4
4
DVD
DVD
DVD
MacBook Pro
(15-inch, Mid 2010)
5
5
4
DVD
DVD
DVD
MacBook Pro
(17-inch, Mid 2010)
5
5
4
DVD
DVD
DVD
Be careful with Windows Updates, especially driver updates. Standard WHQL drivers can cause problems. -
in dreamweaver mx 2004 and dreamweaver cs4, how I configure, when download/upload do not ask me to include DEPENDED FILES but act without including ?
Open the Preferences panel (Edit menu on Windows, Dreamweaver menu on a Mac), and select the Site category. There are two checkboxes there for dependent files. Make sure both are selected. The Dreamweaver default is NOT to upload/download dependent files. You need to click Yes, if you want the dependent files to be included.
-
I don't know exactly when this started, but Winamp became my default search and homepage.. The homepage issue was easy, but the search issue is bigger than I expected. It ALWAYS uses Winamp (Powered by AOL) as my default search. Please help. Thank you.
reinstall it but make sure to uncheck the box next to "make winamp my default search engine"
attached is screenshot from the part of installation proces where that checbox should be unchecked
hope this helps -
iphone s4. it's a storage issue! i manage it and i could get 2.4 Gb free, but i still can't open apps or download a thing!
Hello mona_i,
It may help to force close all open applications, then restart your iPhone.
iOS: Understanding multitasking
http://support.apple.com/kb/HT4211
iPhone, iPad, iPod touch: Turning off and on (restarting) and resetting
http://support.apple.com/kb/HT1430
If you're still experiencing issues, you may need to restore the device.
iOS: Back up and restore your iOS device with iCloud or iTunes
http://support.apple.com/kb/HT1766
Cheers,
Allen -
Dear All, today i am trying to generate a chm in Robohelp 11, by combining two topics under a single book but again and again i am facing same issue that is "Cannot open the file: mk:@MSITStore: C:\\Users\..\Desktop\filename.chm"
Amy_WongWoojinDebbieclawsonmghalpinjwarrenJochem van DietenLee Design
Please help me in solving the sameHI,
Thanks for the response.
I am really tensed for the same...
Actually the error occurs in the following case:
1. I am creating a Parent folder in robohelp with the name ABC..
2. Next Under ABC i have created 2 separate folders say XYZ and EFG.
3. Under XYZ i have created various Topics say 2 or 3.
4. Under EFG i have created various Topics say 7 or 8.
5. Now, i have created a TOC with name for ABC (Parent Folder.)
6. Next i have dragged and dropped my two sub folders that i have created under ABC in Project Set up wizard that is XYZ and EFG, in order to generate the webhelp first and then the CHM file fo rthe same.
7. Webhelp is successfully getting generated.
8. But when i convert the Webhelp to CHM Converter, after few seconds the robohelp gets halt and it shuts up the robohelp, showing a message dialog box that the Adobe Robohelp 11 is Troubleshooting for the error, the Windows manager will get back to you..Someting like this, the .CHM file for the same gets generated on the described path, but when i click on it, it does not open and shows the error as "Cannot open file: mk:@MSITStore: C:\\Users\..\Desktop\filename.chm".
Please help me in sorting the above issue.
According to me:
I think i am Lacking in the two things:
1. How to link all the topics with the parent folder.
2. How to Merge the projects.
Can you please provide me the link where i can get tutorial to create a TOC for multiple files in a same TOC and to generate a chm for them.
Actually for single project folder i have worked successfully. But, its first time i have to create a chm with lot many sub folders in it, as like one create a book.
Please help
Thanks & Regards,
dhm -
Many years ago, I had a copy of fireworks and dreamweaver. It seemed like I only worked with fireworks and created websites, links etc. Do you have to have both and somehow they work in tandem?
My suggestion would be to forget about Fireworks, because the application's development was stopped in May 2013, and no updates are coming its way either. It is dead software, unfortunately. It is already experiencing compatibility problems on the latest Mac OS, for example, and it is only going to get worse.
To create a simple website, you have two choices: you either learn basic html and css code (as Mylenium suggested), or you use a visual editor.
I have a feeling you veer towards the visual editor solution, so here are some options:
- http://www.softpress.com/freeway-express/
- http://www.kompozer.net/
- Web Design Software by Xara: Xara Web Designer
- Adobe Muse
... or install WordPress through your host (most web hosts offer a one-click install option), choose a nice template from the tens of thousands available online, and start adding content. -
Updating to Mavericks issues with Illustrator, Photoshop and Dreamweaver
Since updating to Mavericks I am having problems with Illustrator, Photoshop and Dreamweaver opening files on Parallels VM and network servers. Will updating Java to 7 help? Everything worked before upgrade. Photoshop say files are empty, in Dreamweaver the document is blank and Illustrator crashes. If I open the files off my local machine everything works fine.
Go to each program forum, in OVERVIEW mode
Then, in the area just under Ask a Question, type in
maverick
or
mavericks
or
10.9
You may now read previous discussions on this subject... be sure to click the See More Results at the bottom of the initial, short list if the initial list does not answer your question
Maybe you are looking for
-
If there's a PO that got cancelled, why would it still show on the BW report. We have daily delta loads that should update the records. Appreciate your help on the matter. Fran
-
Is it possible for me to view a Powerpoint slideshow in Keynote??
My professor gives us the options to download and view her powerpoint slide shows on our laptops or print them out.. But I can't seem to get it to work. I looked into Powerpoint for Mac, and tried to download the 60 day free trial, but it wouldn't op
-
Passing multiline element to workflow container ? how do i ?
Hello Folks, I need to pass an internal table to the workflow container...In this container i had already created an Multiline element which the right table type assigned.. I need to call this Workflow using FM SAP_WAPI_START_WORKFLOW.... Eg: CALL FU
-
Mac mini bought January 2013 with Samsung 712N S monitor
Hello, I bought a Mac Mini in January 2013 and I am trying to make it work with my old Samsung monitor 712N S, I bought also the minidisplay port to vga adapter. The problem is that the monitor won´t work, just black, no sign of connection. I checke
-
Syncing Video podcasts, watched episodes coming up as new?
Hi all, have the new iphone 3g and have one very annoying problem. I've done a search and can't find any solutions. Is this a known problem from apple? I subscribe to several video podcasts. I watch them on my iphone and then after doing a sync, they