Problems during the withdrawal of position: absolute
Hi all
I was hired as a graphic designer for a lighting wholesaler not too long ago and have been invited to rethink our old site "my & pa" since. I'm not very practiced in the DW, even though I have a lot of experience of Photoshop and Illustrator. I first started slice graphic in PS and export the HTML, but after looking at the interpretation of the browser and referring to these forums here, I learned it's a nightmare and not something I have to do.
So, when I read a lot of guides and forum messages and watched a bunch of tutorials on Adobe TV. I think I'm more in understanding (once I separated CSS and HTML in my mind things became more easy), but I'm still a novice.
Right now, I'm trying to layout our pages and avoid the tables. This seems to be a simple gets pretty combination of images in the text that I can get in shape, the problem I have and keep it in place. Now I'm drawing APDivs and dropping in what I want. However, it becomes a problem when you test the site in browsers - my space body, header, and footer will move when I resize it, but all the content of these div tags still in place. That is should do with the tag position: absolute, but when I remove it, it changes where my content is intended to be on my page. Here are a few screens to help:
At this point, I've read about positioning and absolute page available here:
http://www.apptools.com/examples/pagelayout101.php
So, I thought I'd do what has been proposed in this tutorial - try using the static positioning or play with pads of margin to get the content "sink" with the rest of the page if the user has resized the window. When I tried to use the "position: static" on this subject, so what she did with the page content stream as I predicted, he wouldn't let me move to where I wanted it to be. So, I tried using the page margins, as the proposed help page. I gave, the bar margin 'left' first and got this, which seemed right:
Unfortunately, when I asked the "top margin" if he gets in, we want it to, disaster:
To me, it seems that it is the application of the upper margin of the lower part of the header, instead of the top of the page. When I saw in the browsers, it seems he would work in the case.
Here is my current code with what looks like my screen of this last one:
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 "/ >"
< title > Geller lighting Supply Co., Inc. < /title >
< style type = "text/css" >
<!--
{body
Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.
margin: 0;
padding: 0;
Color: #000;
background-color: #00a0af;
}
/ * ~ ~ Tag of the element selectors ~ ~ *.
UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
}
H1, h2, h3, h4, h5, h6 {p}
margin-top: 0; / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */
padding-right: 15px;
padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */
}
an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}
border: none;
text-align: right;
}
/ * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */
a: link {}
Color: #000;
text-decoration: none; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.
}
a: visited {}
Color: #000;
text-decoration: none;
}
a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}
text-decoration: none;
}
/ * ~ ~ This container fixed-width surrounds the other div ~ ~ * /.
. Container {}
Width: 800px;
Background: #FFF;
margin: 0 auto; / * set to auto on the sides, coupled with the width, the layout centres * /.
}
/ * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.
. Header {}
background-image: url(Images/header-image.jpg);
min-height: 146px;
Max-height: 146px;
background-color: #ADB96E;
background-repeat: no-repeat;
Width: 800px;
}
/ * ~ ~ It's layout information. ~~
(1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.
*/
. Happy {}
height: 600px;
Width: 800px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
float: none;
background-color: #FFF;
}
/ * ~ ~ Footer ~ ~ * /.
.footer {}
background-image: url(Images/footer.jpg);
min-height: 75px;
max height: 75px;
text-align: center;
do-family: Arial, Helvetica, without serif.
do-size: 12px;
background-repeat: no-repeat;
Width: 800px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}
{.smalltext}
do-size: 10px;
make-weight: bold;
}
/ * ~ ~ various float/clear classes ~ ~ * /.
.fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
float: right;
left margin: 8px;
}
.fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */
float: left;
right margin: 8px;
}
.clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}
Clear: both;
height: 0;
font size: 1px;
line-height: 0px;
}
a: hover {}
text-decoration: none;
color: #00A0AF;
}
a: active {}
text-decoration: none;
Color: #000;
}
{#apDiv1}
Width: 492px;
height: 27px;
left: 101px;
top: 112px;
margin left: 308px;
top of the margin: 114px;
}
->
< / style >
< script type = "text/javascript" >
function MM_preloadImages() {//v3.0
var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();
var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)
If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}
}
function MM_swapImgRestore() //v3.0 {}
var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;
}
function MM_findObj (n, d) {//v4.01
var p, i, x; if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}
d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}
If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];
for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);
If (! x & & d.getElementById) x = d.getElementById (n); Return x;
}
function MM_swapImage() {//v3.0
var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).
If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}
}
< /script >
< / head >
< body = onload "MM_preloadImages (' Images/Contact-2.png','Images/recyclage-2.png','Images/FAQ-2.pn g','Images/Savings-2.png','Images/Products-2.png','Images/About we - 2.png ')" >
< div class = "container" >
< div class = "header" > <! - end .header - > < / div >
< div class = "content" >
"< div id ="Divap1"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image6 '", ' Images/a about US - 2.png', 1) "> < img src =" "Images/a about US - 1.png" name = "Image6" width = "82" height = "27" border = "0" id = "Image6" / > < /a > < a href = "#" MM_swapImgRestore"onmouseover =" MM_swapImage ('Picture5', ", ' Images/products - 2.png', 1)" > < img src = "Images/products - 1.png" name = "Picture5" width = "82" height = "27" border = "0" id = "Picture5" / > < /a > < a href = "#" MM_swapImgRestore' " onmouseover ="MM_SwapImage ('Image4',", ' Images/savings - 2.png', 1) "> < img src =" Images/savings - 1.png"name ="Image.4"width ="82"height ="27"border ="0"id ="Image.4"/ > < /a > < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image3',", ' Images/FAQ - 2.png', 1) "> < img src =" Images/FAQ - 1.png"name ="3"width ="82"height ="27"border ="0"id ="3"/ > < /a > < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ("Image2"") (, ' Images/recycling - 2.png', 1) "> < img src =" Images/recycling - 1.png"name ="Image2"width ="82"height ="27"border ="0"id ="Image2"/ > < /a > < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage (" Image1 ",", "Images/Contact - 2.png", 1) "> < img src =" Images/Contact - 1.png"name ="Image1"width ="82"height ="27"border ="0"id ="Image1"/ > < /a > < / div >"
< / div >
< div class = "footer" > < strong > < a href = "index.html" > home < /a > | < a href = "directions.html" > < /a > Directions | < a href = "contact.html" > Contact < /a > < br / >
© 2011 geller lighting Supply Co., Inc. < br / >
3720 trade Drive - Baltimore, MD 21227 < facilities > < br / >
< / div >
< / div >
< / body >
< / html >
I've been helping out here before, I hope you can give me some advice, thank you!
-Dan
A 1px border at the top will do the same, as will overflow: hidden (which can be the best solution)...
Tags: Dreamweaver
Similar Questions
-
During the withdrawal of cyber link dvd12 I get error skrset.mxl
necessary installation file is missing (SKRset.mx) I tried restoring the system but still got same error message have been unable to remove it from
My windows7 64 bit computer - it was spent during the withdrawal of cyber link my computer dvd12 - contacted cyber link but did not get help for this problem.
Thank you for your time and consideration on this issueOT: skrset.mxl
Hello
Exactly when you get the error message skrset.mxl missing?
Method 1
I suggest you perform the clean boot and remove the program that is causing the problem.How to troubleshoot a problem by performing a clean boot in Windows Vista or in Windows 7
http://support.Microsoft.com/kb/929135
http://Windows.Microsoft.com/en-us/Windows7/disable-antivirus-software
Note: Microsoft does not recommend that you disable the antivirus protection in most conditions. Disable the antivirus protection that temporarily to restore a computer.
Note: Follow step 7 clean boot KB929135 article to reset the computer in normal mode.Method 2
I suggest you try the steps from the following link:Problems installing and uninstalling programs on Windows computers
http://support.Microsoft.com/kb/2438651 -
When I try to save a playlist, I get an error message "Windows Media Player has encountered a problem during the creation or recording of the reading list.".
Hello
- Will there be any changes made prior to this issue?
- What version of Windows are you using?
Step 1: I recommend to run the Windows Media Player settings Troubleshooter and check.
http://Windows.Microsoft.com/en-us/Windows7/open-the-Windows-Media-Player-settings-Troubleshooter
Step 2: If the problem is to uninstall and reinstall Windows Media Player. Here's how.
Uninstalling and reinstalling Windows Media Player:
(A) uninstall Windows Media Player:
a. go to start and in the search type 'Turn Windows has or not'.
b. click on "Turn Windows features on or off".
c. find multimedia and uncheck the brand in the face of Windows Media Player.
d. restart the computer
(B) reinstall Windows Media Player:
a. go to start and in the search type 'Turn Windows has or not'.
b. click on "Turn Windows features on or off".
c. find the multimedia functions and place a check mark in front of the Windows Media Player.
d. restart the computer.
For more information, see the article below:
http://Windows.Microsoft.com/en-us/Windows7/turn-Windows-features-on-or-off
-
Outlook has been changed from hotmail, my emails say don't link with windows media player, outlook is not their problem, but it happened only when they merged account
I have to be able to open MP3 files that ae sent emails in my work, it's urgent, please I need to know what settings to correct to sort this please
It comes to getting the error message
There was a problem playing this file. (0xC00D0FEA: "Windows Media Player has encountered a problem during the download of the file.) For any additional help, click Help on the Web. »)
E-mail address is removed from the privacy *.
Hello
Method 1:
See the article and check if that helps:
Windows Media Player sync: frequently asked questions
Method 2:
I suggest also refer to the thread with a similar problem and a possible solution:
It will be useful.
-
Original title: windows media player
Whenever I try to download songs on my mps I do not sync my songs. Whenever I click on the button of synk sart on Windows Media Player little pop box saying "Windows Media Player has encountered a problem during the synchronization of the file to the device. For additional assistance, click Web Help. "and when I click web help it does not at all help me please someone help me!
Hello1. with the device that you are trying to synchronize?
2 - is the first time you try to sync Windows media player?Windows Media Player has encountered a problem during the synchronization of the file to the portable device. Because this error can occur for various reasons, there is no single solution.To resolve the problem, try to disconnect and reset. See your device manual for specific instructions on performing this procedure.In some cases, this error may occur if you try to synchronize a file hidden on a device. To resolve this problem, delete the file in the sync list or change the properties of the file so that the file is not hidden.For more information, see the article below,
http://www.Microsoft.com/windows/windowsmedia/player/Webhelp/default.aspx?&mpver=11.0.6001.7000&ID=C00D1236&ContextId=211&OriginalID=C00D1179 -
BlackBerry Smartphones there was a problem during the installation, please try again
PROBLEMS OF THE APP WORLD... I get "there was a problem during the installation, please try again" when you try to download the app updates or download new applications of any kind. I tried to return the service directories and empty the cache. I also called my service provider and they offer no help for me. Is there any solution for this or does have the phone must be sent in the RIM, I always left a guarantee. PLEASE HELP ME WITH THIS PROBLEM!
Hello carckberrypie,
In this case, I would recommend wiping the BlackBerry smartphone. To do this, we would need to back up the BlackBerry smartphone http://bit.ly/aSediX
Once saved, please follow the link below to do a wipe of your BlackBerry smartphone security.
Link: http://www.blackberry.com/btsc/KB14058
Test the BlackBerry smart phone and do a selective restore as described below.
Link: http://www.blackberry.com/btsc/KB10339
Thank you
-
What is the reason of the problem during the installation of exsi5.5
Hey, PayPal:
I have a problem during the installation of exsi5.5, she could not continue to work well. The figure below:
who can help me to solve the problem, thank you!
How you have configured the virtual machine? Make sure you that you assign a minimum of 4 GB of RAM to the virtual machine.
If this does not help, check the checksum of the ESXi image to ensure it is not corrupt, or attach the VM configuration (. vmxfile) as well as his latest vmware.log to a response message file.
André
-
Update a problem during the installation!
Update a problem during the installation!
U44... Update error http://forums.adobe.com/thread/1289956 can help
10.10.5 Mac has new problems, but I have no connection to this version
Fix possible Mac 10.10.4 (at least for Premiere Pro) https://forums.adobe.com/thread/1891705
-
I have a problem during the installation of Oracle Database 11 g Release 2 (11.2.0.1.0) on my 32-bit windows, I get this message: file not found C:\app\User\product\11.2.0\dbhome_1\oc4j\j2ee\oc4j_applications\applications\em.ear. It is one of many files that I should I cancel or continue? I pressed on continue in the past and I could not open properly Oracle. Sql Please HELP!
63f5a1a9-ECA2-4300-B10f-22cd940a8726 wrote:
I have a problem during the installation of Oracle Database 11 g Release 2 (11.2.0.1.0) on my 32-bit windows, I get this message: file not found C:\app\User\product\11.2.0\dbhome_1\oc4j\j2ee\oc4j_applications\applications\em.ear. It is one of many files that I should I cancel or continue? I pressed on continue in the past and I could not open properly Oracle. Sql Please HELP!
It is a symptom of textbooks classic does not have read and followed the original instructions to prepare the downloaded files. You should have two files zip files. They both must be decompressed in the same directory. If you unzip using Windows graphic interface - in right click on the name of the file and selecting "extract all...". "the default behavior will be to create a directory, the same name as the zip file and extract in it. Thus, file_1_of_2 pulls in directory_1_of_2 and file_2_of_2 extracted in directory_2_of_2. You must override this stupid behavior by default and specify the directory yourself. And specify the SAME directory for both files.
Or just go to a command prompt, change directories to the directory where the two zip files are located and deliver "unzip
" and "unzip ", and they will both be properly unpack to a directory named "database". -
Dreamweaver had problems during the construction of the current menus.xml file menus
So, after having trouble with my Photoshop scratch disk, I had to do an archive and install of my OS 10.6.1 and then reinstall the suite Adobe. then I had to run the repair of the license utility (http://www.adobe.com/support/contact/licensing.html).
Now everything works but Dreamweaver, which is throwing the following error message:
"Dreamweaver had problems during the construction of the current menus.xml file menus.
If please remove the current menus.xml file and rename menus.bak menus.xml.
I tried. menus.bak is a directory, not a file. Even renaming the directory did not work.
I saw this http://forums.Adobe.com/message/2188511#2188511
but I do not have a directory/FlashPlayerTrust /, nor do I see what that has to do with Dreamweaver.
I could not find a corresponding solution to this http://forums.Adobe.com/message/862339#862339 for Mac OS.
Ce http://forums.Adobe.com/message/3396334#3396334 did not help, either.
Anyone have any ideas?
Thank you!
I got this same error this morning when I tried to open Dreamweaver CS5 (any type of document have been found in the...). I'm on a PC. There was very little posts about it so I thought I'd post what worked for me. It must have been a day or something by Akamai.
I went to C:\Program Files (x 86) \Adobe\Adobe Dreamweaver CS5\configuration\DocumentTypes and open MMDocumentTypes.xml in Notepad ++. There were about 100 lines of NULL in the configuration of Akamai, so I deleted all the information between the
-
NTOSKRNL.exe problem during the startup of windows xp on a dv5000i Pavilion
Hi all!
I have a Pavillion dv5000i
I get an error message mentioning a NTOSKRNL. Order EXE corrupt during the startup of windows xp.
I can't boot from a disc XP system either.
Could this be a HW problem?
I've extracted the original HD and put it in a usb interface
I can read it without problem with another PC (so the HD should not be the problem)
Thank you all
Kind regards
Gino
NTOSKRNL is a software, and it must be there for the machine to start. The recovery discs should fix this.
-
Problems during the upgrade of DirectX
Original title: honestly confused.
Hello Microsoft
I am trying to upgrade my direct x and he said that he could not trust the .cab files. referred to your site and not saved and re-entered the .dll files and I still have the same error during the installation of DirectX. When I sign the files it says that some of the files were either missing or not in the right directory. I threw the Earth (initpki.dll) (gpkcsp.dll) (sccbase.dll) (slbcsp.dll). What I have to upload them to a certain place to download direct x? and if so please include a link to each file or a link to a file .zip them aontaining and also know how to solve the problemSincerelyBrendenHello
See if that helps you.
"How to fix and check the integrity of system files of Vista with the System File Checker"
http://www.Vistax64.com/tutorials/66978-system-files-SFC-command.html
"How to extract files from the Vista Installation DVD"
http://www.Vistax64.com/tutorials/261616-extract-files-Vista-installation-DVD.html
Alternatively, you can do a repair installation using a DVD of Microsoft Vista upgrade.
How to perform a repair for Vista Installation»
http://www.Vistax64.com/tutorials/88236-repair-install-Vista.html
See you soon.
-
Originalt title: Error 1324. The path my pictures contains an invalid character. I get this message when I try to remove a program. I'm trying to retire an old version of VZ access Mgr please help with this problem. Thank you.
Error 1324 the path my pictures contains an invalid character. Fatal error during installation.
Hi Kurt wolfe,
This happens because the value type for the wrong shell folder, or due to incorrect data in the registry. To resolve this problem, solve the My Pictures Shell folder paths in the registry accordingly. The default values are given in a column in a table in the following article. There is also a REG fix available on the next page:
Windows stores the location of special folders by user under the following registry key:
HKEY_CURRENT_USER-Software-Microsoft-Windows-CurrentVersion------Explorer------user Shell folders
Microsoft has a Fix - It solution that fixes most of the paths of shell (shell by both user and computer files) folder automatically. You can download the fix from.
You receive an "Error 1606" error message when you try to install or remove a program from Microsoft
http://support.Microsoft.com/kb/886549Note: The error message may vary, but you can give it a try and see if the problem is resolved.
Thank you, and in what concerns:
I. Suuresh Kumar - Microsoft technical support.Visit our Microsoft answers feedback Forum and let us know what you think.
-
problems during the installation of oracle 10grac on HP UX Babysitting Service
Hello everyone
I am trying to install version 10 g 2 Oracle RAC on HP UX machines. We have custody of Service configured for all three HP UX machines and use Foundaion storage for Cluster filesystems to filesystem storage.
I went through the install once manual and it lists common errors/problems or possible we can during the instalation encounte...
Could someone please help me identify common problems we migh... meets. while I can take such necessary remedies recommended! I expect to not have an installation smoothly however, I'll be really useful if I could avoid spending time on common/familiar problems of your entries...
Thank you very much in advance.
Kind regards!
SaratYou can check this doc metalink
CSS does not start when the HP - UX Guard Service is installed and configured not
DOC - ID: Note: 401067.1and
Oracle Database 10g Real Application Clusters (RAC) on HP - UX Installation Cookbook
(https://www.hporaclectc.com/cug/assets/10gRAChp.htm)Oracle suggest using Oracle Clusterware instead of third-party clusterware
-
You are the very welcome.
Try this driver Broadcom wireless...
USB3: Download, unzip and run the setup.exe file.
Unfortunately, I can't help you with the graphics driver.
Please call the HP technical support for the country you live and declare that the AMD graphics driver on your laptop support page does not work.
You are on the 5th person who reported problems with the AMD graphics driver does not.
Maybe you are looking for
-
Problem with the hp support assistant
There are a lot of available system updates when I scanned the updates using hp support. I've updated the recommended updates. After update, a pop-up message will appear telling you ave to restart the computer inorder to apply the updates. But even a
-
Re: Qosmio F750 EasyControl Volume bar - lit or not?
On the EasyControl Panel between the two volume control buttons (+ and -) is a strip of the volume level. It is light, incandescent or it is just an idle figure? What is this for?On the promo pictures I saw incandescent For example [here | http://ima
-
Windows update installation update 4 of 5 for 2 hours and did not finish. 28/10/10
Windows update installation update 4 of 5 for 2 hours and did not finish. 28/10/10
-
When I try to go full screen while watching a video, I get a white screen
While watching a video (IE, the youtube video), I press the full screen in the right corner, but all I get is a white screen.
-
remove the screen-keyboard-windows-8
Is-there-a-way-to-remove-the-WIndow-sOnline-Keyboard?