Stuck on little CSS positioning glitch in IE6

Got a pesky positioning issue I can't seem to resolve in IE
6. Checks out OK in IE7, FF, Safari, and Opera. XHTML and CSS
validates.
Here's the page:
hwaters.com
In IE6 if you narrow the browser window beyond the width of
the main content some it jumps down the page about 200 pixels (I
believe the distance it's dropping is equal to the height of the
"left_column" div on the far left (containing the nav menu). I've
tried several dozen different tweaks but keep missing the mark.
I guess my objective is simply to prevent IE6 from breaking
the layout when the browser window is narrowed to less than the
full width of the "main_content" div--but maybe I'm misreading
what's actually happening here.
Thanks for your help.
Here's the html:

The easy fix is to set a fixed width on your "main_content"
div, then
its layout is not affected by the width of the browser
window.
HTH,
Randy
> Got a pesky positioning issue I can't seem to resolve in
IE 6. Checks out OK in
> IE7, FF, Safari, and Opera. XHTML and CSS validates.
>
> Here's the page:
http://hwaters.com
>
> In IE6 if you narrow the browser window beyond the width
of the main content
> some it jumps down the page about 200 pixels (I believe
the distance it's
> dropping is equal to the height of the "left_column" div
on the far left
> (containing the nav menu). I've tried several dozen
different tweaks but keep
> missing the mark.
>
> I guess my objective is simply to prevent IE6 from
breaking the layout when
> the browser window is narrowed to less than the full
width of the
> "main_content" div--but maybe I'm misreading what's
actually happening here.

Similar Messages

CSS positioning not working in IE 5.2 on a Mac

Hi all,
I have 2 images in my "about" page, the CSS positioning works fine in all other browsers. I'm working on a Mac with OS 10.41. I'm using Dreamwearver CS3. The page works great on all other browsers except IE 5.2 on my Mac, I have not checked other versions of IE yet.
Is there a way to get it to work on all browsers. here's the link to my site.
http://www.robduverger.com
Please take a look at it in either Safari, Opera, or Firefox to se what it's suppose to look like.
Thanks in advance for your help.
Rob

Get Safari for Mac - http://www.apple.com/safari/download/
IE5x is obsolete and never did support much in the way of CSS web standards. Unfortunately, IE6 still has around 15% of world wide usage, so it's hard to ignore.
Make sure your code is valid and error free.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
HTML & CSS Tutorials - http://w3schools.com/
If you upload your site to server and post a URL, you will get more help. Additionally, you can use http://Browsershots.org to check your page(s) in a variety of browsers/platforms (screenshots).
If you can use Firefox, get the Web developer Toolbar (a free add-on). Can't live without it. https://addons.mozilla.org/en-US/firefox/addon/60
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Css position:fixed works on mozilla 21/IE10 but not in chrome ?

Hello guys,
     I want to stick in position a rectangle or photo while scrolling browser.
I am using    sym.$("Rectangle3").css({"position":"fixed"});
This works fine in Mozilla and IE10 but not in chrome (Version 27.0.1453.116 m)
Anyone to help please?
Thanks in advance.
Anthony

Antony,
I will defer to what Sarah said.
In the future if you needed to add browser prefixes to correct differences which happen for a number of things like transform or shapes, etc..
Or course this will not correct a bug which I was not aware of in this particular case.
Here is how to add browser prefixes:
In this case to make an ellipse a circle because chrome did not recognize the ellipse. I added Opera prefix to show you the syntax.
sym.$('Ellipse').css({
          '-webkit-border-radius': '50%',
          '-o-border-radius': '50%',
          'border-radius': '50%',
          'width': '35px',
          'height': '35px'
Sometime the syntax is a little different. Just google the css to make sure.
Here is another example for a Star Wars intro where I added browser prefixes for Explorer (-ms-), Chrome (-webkit-), and Firefox(-moz-).
The code can be combined but I did not this time for this sample.
Sample files here:
https://www.box.com/s/bdu5c4lq67fkfy7blfhc
// FF
sym.$('gradient').css('background', '-moz-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%)');
sym.$('container').css('-moz-transform-origin', '50% 100%');
sym.$('container').css('-moz-transform', 'perspective(250px) rotateX(25deg)');
// Chrome and others
sym.$('gradient').css('background', '-webkit-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%)');
sym.$('container').css('-webkit-transform-origin', '50% 100%');
sym.$('container').css('-webkit-transform', 'perspective(250px) rotateX(25deg)');
// Internet Explorer
sym.$('gradient').css('background', '-ms-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%)');
sym.$('container').css('-ms-transform-origin', '50% 100%');
sym.$('container').css('-ms-transform', 'perspective(250px) rotateX(25deg)');

HT6114 My iMac seems to have frozen during the update- how long should I expect the update to take? The 'installing software update' bar is still showing itself working but has been stuck in the same position for over an hour.

My iMac seems to have frozen during the update- how long should I expect the update to take? The 'installing software update' bar is still showing itself working but has been stuck in the same position for over an hour. Any thoughts?

Update2: There is something very wrong with wireless on mountain lion recovery. I don't know what the problem is, but this link may explain:
http://osxdaily.com/2012/08/10/os-x-mountain-lion-10-8-1-beta-released-for-dev-t esting-may-include-wi-fi-fix/
Wireless recovery would start out with over 25 hours estimated and kept on failing. It turns out to be a two step process of downloading a few Mbytes then a 4Gbyte .dmg file, but I couldn't even download the Mbyte file. I bought the thunderbolt to gigabit ethernet adapter, plugged it in, restarted recovery and download of a little more than 4Gbytes took less than an hour. My limiting factor was probably comcast home internet rate of 12Mbps. The wi-fi wireless connection should be able to do over 100Mbps, so wireless shouldn't be much slower than wired, except wi-fi wireless is broken. Now that ML is installed and updated, wi-fi seems fine now, as I am using it right now, but I haven't tried downloading a big file yet.
Don't use wi-fi wireless for Mountain Lion recovery.

Help with basic CSS positioning

I am learning the rudiments of CSS positioning - I have gone
through the good Macromedia docs and even bought a book which is
useful (HTML Utopia). I am now applying some concepts to my first
site.
Oh how I thought I knew how to apply theory.
The sily thing is I am stuck on a very basic stage. And I
just cant figure out the solution. This is my problem.
I want to centre my site on the page so I created a #wrapper
<div> which works fine
Then, I wanted to position two <div> 'boxes', each
containing a logo within this wrapper, next to each other, left to
right, with a small margin imbetween them.
The first box on the left aligns fine, relatively positioned
to the wrapper. Great.
However, the next box 'jumps' down to the next line, even
though there is space within the wrapper element for it. I assumed
as <div> tag elements 'flow' after each other, it would
continue right. But no, it flows onto the next line, a bit like
this
image 1
image 2
I was after
image 1 image 2
What am I doing wrong. Im sure Im missing the obvious. Should
I be floating at this stage?
Forgive me - Im grasping the concepts here
Heres the code:
CSS
#master_wrapper {
width: 760px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
#logo_box {
width: 145px;
height: 120px;
position: relative;
#banner_box {
width: 580px;
height: 120px;
margin-top: 0;
margin-left: 25px;
position: relative;
HTML
<body>
<div id="master_wrapper">
<div id="logo_box"><img
src="website_graphics/index_page/logo.jpg" alt="Logo" width="145"
height="120" />
</div>
<div id="banner_box"><img
src="website_graphics/index_page/banner_cityscape.jpg" alt="Banner"
width="580" height="120"/>
</div>
</body>
If you are feeling especially kind, could you let me know the
correct code to position a further 2 boxes which sit under the logo
and the banner respectively
Yours, cap in hand
Chris

> The first box on the left aligns fine, relatively
positioned to the
> wrapper.
> Great.
Remove the relative positioning. You don't need it. Now,
float that box
left.
> However, the next box 'jumps' down to the next line,
even though there is
> space within the wrapper element for it. I assumed as
<div> tag elements
> 'flow'
> after each other, it would continue right. But no, it
flows onto the next
> line,
> a bit like this
Div tags are block tags - that means that unless told not to,
the occupy the
entire line within their container, thus forcing them to a
new line, and all
adjacent content above and below.
Remove the position:relative from all your divs, and just
make the first two
float left.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"socks_" <[email protected]> wrote in
message
news:[email protected]...
>I am learning the rudiments of CSS positioning - I have
gone through the
>good
> Macromedia docs and even bought a book which is useful
(HTML Utopia). I am
> now
> applying some concepts to my first site.
>
> Oh how I thought I knew how to apply theory.
>
> The sily thing is I am stuck on a very basic stage. And
I just cant figure
> out
> the solution. This is my problem.
>
> I want to centre my site on the page so I created a
#wrapper <div> which
> works
> fine
>
> Then, I wanted to position two <div> 'boxes', each
containing a logo
> within
> this wrapper, next to each other, left to right, with a
small margin
> imbetween
> them.
>
> The first box on the left aligns fine, relatively
positioned to the
> wrapper.
> Great.
>
> However, the next box 'jumps' down to the next line,
even though there is
> space within the wrapper element for it. I assumed as
<div> tag elements
> 'flow'
> after each other, it would continue right. But no, it
flows onto the next
> line,
> a bit like this
>
> image 1
> image 2
>
> I was after
>
> image 1 image 2
>
> What am I doing wrong. Im sure Im missing the obvious.
Should I be
> floating at
> this stage?
>
> Forgive me - Im grasping the concepts here
>
> Heres the code:
>
> CSS
> #master_wrapper {
> width: 760px;
> margin-top: 0px;
> margin-bottom: 0px;
> margin-right: auto;
> margin-left: auto;
> position: relative;
> }
>
> #logo_box {
> width: 145px;
> height: 120px;
> position: relative;
> }
>
> #banner_box {
> width: 580px;
> height: 120px;
> margin-top: 0;
> margin-left: 25px;
> position: relative;
> }
>
>
> HTML
>
> <body>
> <div id="master_wrapper">
>
> <div id="logo_box"><img
src="website_graphics/index_page/logo.jpg"
> alt="Logo"
> width="145" height="120" />
> </div>
>
> <div id="banner_box"><img
> src="website_graphics/index_page/banner_cityscape.jpg"
alt="Banner"
> width="580"
> height="120"/>
> </div>
> </body>
>
> If you are feeling especially kind, could you let me
know the correct code
> to
> position a further 2 boxes which sit under the logo and
the banner
> respectively
>
> Yours, cap in hand
>
> Chris
>

The bottom button on my iPod 4g is stuck in the down position.

The bottom button on my iPod 4g is stuck in the down position. It does not come up at all so I can't play or exit anything. Any ideas on how to get this unstuck?

You can try the suggestions in the previous discussion. However, since your iPod is still within its warranty period, make sure you do not so something that voids the warranty. Why not make an appointment at the Genius Bar of an Apple store?
FIX for iPod Touch Home Button: Apple Support Communities

Home button is stuck in the down position

For some reason the home button on my ipod touch is stuck in the down position. I just clicked it and it got stuck. What can I do to get it unstuck?
Thanks a lot!
Austin

Restore the ipod. If the problem perssist, you will need to take it to an Apple Store ASAP.

On my canon powershot A3300IS the lense is stuck in the extended position and will not close

I have a canon powershot A3300 IS the lense is stuck in the extended position and will not close. How can I fix this myself?

Forneypamela,
Please remove the battery from the camera for a few minutes. Then, put the battery back in the camera and power it on again. If the lens is still stuck in the extended position, the camera is going to need service. I apologize for any inconvenience this may cause.
To start your repair process, you'll need to complete a Repair Request on our website.
If the camera is more than a year old, you may participate in the Canon Loyalty Program instead. The Canon Loyalty Program option allows you to replace your current camera for a discounted fee, plus shipping. The unit offered through this program carries a 90 day warranty. The original non-functioning camera would then be returned to Canon USA for recycling using a prepaid shipping label that would be provided.
If you would like to take part in this option, please call our Sales Department at (800) OK CANON (800-652-2666) seven days a week, 8am to Midnight. Let them know you have been working with online support and the Canon Loyalty Program was offered. Be sure to have your serial number for your camera at the time of your call.
If this is a time sensitive-matter, additional support options are available at Contact Us.
Did this answer your question? Please click the Accept as Solution button so that others may find the answer as well.

CSS positioning learning - I must be missing the point?!

CSS positioning learning - I must be missing the point?!
Okay I would like to know the benefit of using CSS
positioning with DIVs when you have templates that helps your pages
look all consistent with the same navigation or header? I don't see
how you make a site look consistent doing it the other route.
I have been reading through a CSS positioning tutorial at
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts.html
and it is indeed somewhat complicated ESPECIALLY when you
have to compensate for Internet explorer quirks.
So again... someone please tell me what the benefit would be
to learn CSS positioning....because I haven't for sure figured it
out. And have liked templates since you can apply them to many
pages quickly. Is CSS positioning really the future way to go?
Thanks,
Angie

Templates have nothing to do with layout. They are only able
to control
your page's CONTENT. The location of this content is
dependent not on the
region but on the HTML structure of your page.
The real advantage of using a CSS layout is that a) the pages
are somewhat
to considerably lighter in weight, and b) the externally
linked CSS file is
cached so that you don't have to continually load the same
structural markup
every time, and c) once you understand how to use the CSS,
you have so much
more control over the placement of things on the page....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"computerkitten" <[email protected]> wrote
in message
news:[email protected]...
> CSS positioning learning - I must be missing the point?!
>
> Okay I would like to know the benefit of using CSS
positioning with DIVs
> when
> you have templates that helps your pages look all
consistent with the same
> navigation or header? I don't see how you make a site
look consistent
> doing it
> the other route.
>
> I have been reading through a CSS positioning tutorial
at <a target=_blank
> class=ftalternatingbarlinklarge
> href="
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts.html
> and">
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts.html
> and</a> it is indeed somewhat complicated
ESPECIALLY when you have to
> compensate for Internet explorer quirks.
>
> So again... someone please tell me what the benefit
would be to learn CSS
> positioning....because I haven't for sure figured it
out. And have liked
> templates since you can apply them to many pages
quickly. Is CSS
> positioning
> really the future way to go?
>
> Thanks,
> Angie
>

My keypad is stuck in the up position

my keypad is stuck in the up position. How to I correct this?

Maybe I can save you a trip. Like you I had an iPhone 3g stuck with the Apple on. (My wife's phone.) It got stuck during a sync. I tried everything suggested on the Apple support forum and everywhere else. iTunes on two seperate computers would recognize my iPhone just fine but not hers which was stuck with the Apple on. Additionally pluggin her iPhone into a computer with iTunes running would freeze iTunes.
Nothing worked and I was about to give up and have to either (a) drive 3 hours to the nearest Apple store from which I bought the phone or (b) spend $300 for a new phone.
But finally the following worked for me! It is a matter of putting your iPhone in DFU mode (Device Firmware Update) mode. This worked for me:
Close iTunes. Plug iPhone into computer with the USB connect cable. Turn off your iPhone. Hold down the power and home button. When you see the Apple logo, release the power button but continue holding the home button down. Open iTunes and wait for it to tell you that its in restore mode.
At this point iTunes and my iPhone recognized each other and I was able to restore the firmware and salvage the previously dead phone.
Good luck, crosing my fingers that it works for you.
Ron Hekier
PS As noted above this was an iPhone 3g not the original iPhone but I hope it works for you.
Message was edited by: Ron Hekier

CSS positioning for complext layout

I've been creating web page layouts with tables for many
years now and realise that it's time to move to CSS positioning
instead. Having gone through various tutorials, I've mastered the
art of creating a 3-column layout, however the design I'm working
on at the moment needs to be more complex than this. Here's a link
to the page layout I'm trying to achieve:
http://www.sweatshop.co.uk/dev/pagelayout.htm
Is this too complex for CSS positioning? Would I be better
off using tables? Or can anyone point me in the direction of more
detailed tutorials that might help me achieve this using CSS?
Thanks in advance.
Claire

> Is this too complex for CSS positioning? Would I be
better off using tables?
> Or can anyone point me in the direction of more detailed
tutorials that might
> help me achieve this using CSS?
>
> Thanks in advance.
>
> Claire
>
Heres the html code and css:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
body {
font-family: verdana, helvetia, ariel, sans-serif;
font-size: 11px;
background-color: #fff;
color: #fff;
#pageWrapper {
width: 750px;
margin: 0 auto;
#header {
background-color: #999;
margin-bottom: 8px;
#navigation {
background-color: #999;
margin-bottom: 8px;
#leftSide {
float: left;
width: 480px;
#basket {
width: 170px;
float: left;
background-color: #999;
#productDesc {
width: 302px;
float: left;
margin: 0 0 8px 8px;
display: inline;
background-color: #999;
#productImage {
background-color: #999;
clear: both;
height: 200px;
margin-bottom: 8px;
#pollProductoptionWrap {
width: 480px;
#poll {
width: 170px;
float: left;
background-color: #999;
#productOptionUpsellProdsWrap {
width: 302px;
float: left;
margin-left: 8px;
display: inline;
#productOptions {
background-color: #999;
margin-bottom: 8px;
#upsellProducts {
background-color: #999;
margin-bottom: 8px;
#results {
width: 262px;
float: left;
margin-left: 8px;
display: inline;
background-color: #999;
#footer {
background-color: #999;
clear: both;
</style>
</head>
<body>
<div id="pageWrapper">
<div id="header">Header</div>
<div id="navigation">Navigation</div>
<div id="leftSide">
<div id="basket">Basket</div>
<div id="productDesc">ProductDesc</div>
<div id="productImage">Product Image</div>
<div id="pollProductoptionWrap">
<div id="poll">Poll</div>
<div id="productOptionUpsellProdsWrap">
<div id="productOptions">Product
Options</div>
<div id="upsellProducts">Upsell
Products</div>
</div>
</div>
</div>
<div id="results">Results</div>
<div id="footer">Footer</div>
</div>
</body>
</html>

CSS positioning question

Am just trying to nail this CSS positioning thing once and
for all, with a simple enough two column layout.
I've posted a link below which is pretty much there - but
there is an unintended gap between the banner image, and the navbar
link with
unwanted gap
It should look like this :
link without
unwanted gap
Cheers,
Iain

Al Sparber- PVII wrote:
> "Thierry | www.TJKDesign.com"
<[email protected]> wrote in
> message news:ei5iju$od4$[email protected]..
>> Iain71 wrote:
>>> Am just trying to nail this CSS positioning
thing once and for all,
>>> with a simple enough two column layout.
>>>
>>> I've posted a link below which is pretty much
there - but there is
>>> an
>>> unintended gap between the banner image, and the
navbar :
>>>
>>>
http://www.oriental-chamber.co.uk/homepage5.htm
>>>
>>> It should look like this :
>>>
>>>
http://www.oriental-chamber.co.uk/homepage2.htm
>>
>> Try this:
>> #header img {vertical-align:bottom}
> Float left should work too. I believe this is a function
of using a
> strict DOCTYPE.
>
http://www.projectseven.com/csslab/images/baseline/
As well as "display:block".
I just didn't want to plug a URL:
http://www.tjkdesign.com/articles/imageanddoctypes.htm
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
The perfect FAQ page:
http://www.TJKDesign.com/go/?9
CSS-P Templates:
http://www.TJKDesign.com/go/?1
CSS Tab Menu:
http://www.TJKDesign.com/go/?3

CSS Positioning or DW Problem?

I am having difficulty with CSS positioning after spending several hours reading and trial and error. I am beginning to think that Dreamweaver is broken, and thoughts of reloading are crossing my mind.
My desire is to have a background image "beneath" my page wrap div, essentially acting as a border surrounding it. I have assigned the position to this image "background" as relative, and therefore assigned the positioning of my page wrap div as absolute. The page wrap has been given a background color, and a line of text to enable me to "see" where I am in securing the proper placement. I would think that the background color of the page wrap div would "show" but it is not. (?)
I have positioned my palette, as we will call it, with margins, while attempting to place my page wrap using top, right, bottom and left through the CSS dialog box. Regardless of values used, the div remains in the bottom left hand corner of the browser window and refuses to budge.
#palette {
    background: url(images/pallete.png) no-repeat;
    width: 1200px;
    height: 1400px;
    margin: 100px auto;
    position: relative;
#page wrap {
    position: absolute;
    background: #C06;
    height: 1100px;
    width: 960px;
    top: 100px;
    right: -120px;
It has gotten so that any changes I make to the CSS at this stage will not even trigger a Refresh of the CSS styles panel? What gives?
Thanks.

I've never used "Live Code" before, and was able to place #page more to my liking, but it is a ballpark position so to speak, I can only approximate it's center within #palette. I begin to think I have success, until I go to browser view, where #page position seems to shift.
You are trying to use HTML like a word processor and that's the absolute (no pun intended) wrong approach!
An absolutely positioned element's location is calculated from the location of its nearest positioned ANCESTOR. An "ancestor" is a containing element, not an adjacent element (which would be a 'sibling'). Thus, if you want your absolutely positioned element to key off of the location of a relatively positioned element, it must be a child (or descendent) of that relatively positioned element. In other words, to make #page work relative to #palette, it must be inside #palette.
If there are alternatives to securing positioning other than my current method, I would be interested to learn about it. I am not aware of the drawbacks mentioned with employing this type of positioning, could you provide some detail please?
There is an excellent alternative without using positioning at all - it's called 'best practice'! The disadvantages of using absolute positioning for everything are:
1. Because absolutely positioned elements are removed from the flow of code on the page, they are immune to shifts in other non-positioned page elements due to browser viewport size changes, or text display size changes.
2. Since #1 is the case, and since text display size changes may cause the height of the container to change, if that container is absolutely positioned, its contained text may overlap other content on the screen. The more absolutely positioned text containers there are the worse this effect becomes, quickly producing an unusable, overlapping mess.
3. Absolutely positioned elements are located on the screen without regard for where the elements appear in the code, and as a result, it's quite possible to have two bits of text that only make semantic sense when taken as a unit separated by quite a bit of code, perhaps even other text bits. Thus, pages built with absolutely positioned text containers are usually not semantically sensible, meaning that they would not fare well when run through a screen assistive device.
4. Considering all of these things, pages that contain both centering elements and positioned elements frequently go wandering as viewport widths are changed.
The upshot is that the method most likely to be chosen by an inexperienced user because of its apparent simplicity is also the absolute worst possible approach to building the page.
Oh, by the way, the values for positioning below were obtained through "dragging" div=page into position. I would rather not use Live Code, but plug in concrete values in the future.
The word processing approach in action! The only way to achieve plugging in concrete values is to have a layout already planned on paper before you start.
Say more about how you want your page to look (I'm not sure what you mean exactly about centering #page "above" #palette, but if you mean "before" then consider this -
<style type="text/css">
h1, h2, h3, h4, h5, h6, p, address, blockquote, ul, ol, li {
    margin: 0px;
    padding: 0px;
html {
    background: #3E4A9C url(images/Untitled-2.png) repeat;
body {
    font: 1em Helvetica, Arial, sans-serif;
    color: #000;
    width:1200px;
    margin:0 auto;
#palette {
    background: url(images/map.png) no-repeat;
    margin: 100px auto;
#page {
    width: 960px;
    margin:0 auto;
    background-color: #03C;
</style>
</head>
<body>
<div id="page">This is my page </div>
<div id="palette"></div>
</body>
(note that I have removed all positioning, as well as all heights - it's generall a bad idea to declare explicit heights on elements that contain text, again due to potential overflow problems)

CSS Positioning - Help!

I am new to Dreamweaver and web design, and I must be missing
something on how CSS positioning works.
I am using DW8 and in design view the text is positioned at L
200px, T 200px, but when I preview in browser for IE 6.0, it is
positioned at L 0px, T 0px.
The code is below.
I gave this as a basic example of what is happening to me,
but every time I position layers and preview them in the browser,
they are showing up all over the place.
- Doug

#Layer1 {
position:absolute;
left:200px;
top:200px;
Non-zero values always need units.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"dugmug" <[email protected]> wrote in
message
news:e2b5u7$9nr$[email protected]..
>I am new to Dreamweaver and web design, and I must be
missing something on
>how
> CSS positioning works.
>
> I am using DW8 and in design view the text is positioned
at L 200px, T
> 200px,
> but when I preview in browser for IE 6.0, it is
positioned at L 0px, T
> 0px.
>
> The code is below.
>
> I gave this as a basic example of what is happening to
me, but every time
> I
> position layers and preview them in the browser, they
are showing up all
> over
> the place.
>
> - Doug
>
>
>
> body {
> margin-left: 0px;
> margin-top: 0px;
> }
> #Layer1 {
> position:absolute;
> left:200;
> top:200;
> width:185px;
> height:68px;
> z-index:1;
> }
>
> -->
> </style>
> </head>
>
> <body>
>
> <div id="Layer1">This is a test! </div>
> </body>
> </html>
>

TS3361 Hello.. I have a MACBook that is 3 years old..recently the WiFi status is stuck in the off position..how can I get it to turn on.I tried turning it on but its not budging.

Hello.. I have a MACBook that is 3 years old..recently the WiFi status is stuck in the off position..how can I get it to turn on.I tried turning it on but its not working.

There are some instructions here.
wireless issues with Mavericks in particular.
This might fix some issues with the Airport Extreme or TC if people upgrade installed.
https://discussions.apple.com/thread/5219345?tstart=30

Stuck on little CSS positioning glitch in IE6

Similar Messages

Maybe you are looking for