Positioning CSS or DW problem?

I have problems with CSS positioning after spending several hours of reading and trial and error. I'm starting to think that Dreamweaver is broken, and thoughts of reloading cross my mind.

My desire is to have a background image "beneath" my page wrap div, essentially as a border surrounding it. I posted this image of 'background' as relative position and therefore my wrap div page as absolute positioning. The wrap of the page was given a background color and a line of text to allow me to 'see' where I am to get the correct positioning. I think that the background color of the page div wrap "show" but it is not. (?)

I placed my palette, as we'll call it, with margins, while he was trying to put my envelope of page using the top, right, bottom and left through the CSS dialog box. What are the values used, the div is in the lower left corner of the browser window and refuses to move.

#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 got so that the changes I've made to the CSS at this stage will not trigger even a refresh of the Panel styles CSS? What gives?

Thank you.

I've never used "Live Code" before and could set more #page for my taste, but it's an approximate position, so to speak, I can only approximate its center within #palette. I started thinking that I have the success, until I go to the browser view, where the #page position seems to pass.

You try to use HTML as a word processor, and it's the absolute wrong approach (no pun intended)!

Location of the item an absolute positioning is calculated based on the location of its nearest positioned ANCESTOR. An "ancestor" is a container element, not an adjacent element (which would be a 'brother'). So, if you want to than your element to absolute positioning out of the location of a relatively positioned element, it must be a child (or descendant) of this relatively positioned element. In other words, to make #page work against #palette, he must be inside #palette.

If there are alternatives to ensure the positioning other than my current method, I would be interested to learn about it. I'm not aware of the disadvantages mentioned with using this type of positioning, could you give some details please?

There is an excellent alternative without using the positioning at all - it is called "best practices". The disadvantages of using absolute positioning for all are:

1. because the absolute position elements are removed from the flow of code on the page, they are immune to travel in other parts of page not positioned due to changes in browser window size or screen text size changes.

2. because #1 is the case, and given that display text size changes can cause the container to change height, if this container is positioned absolutely, its text content may overlap other content to the screen. More positioned in absolute terms of containers of text the worse this effect becomes quickly, producing a unusable, overlapping mess.

3 in absolute position items on the screen regardless of where the items appear in the code, and as a result, it is entirely possible to have two parts of the text which are meaningful semantic when taken as a unit separated by a bit of code, or other pieces of text. Thus, pages built with absolute positioning text containers are usually not semantically sensitive, which means that they would not succeed well when it is run by a system of assistance of the screen.

4. in view of all these things, the pages that contain elements of balance and frequently positioned elements go wandering as width of the viewport is changed.

As a result, the method most likely to be chosen by an inexperienced user due to its apparent simplicity is also the absolute worst possible approach to the construction of the page.

Oh, by the way, the values of positioning below were obtained through 'slide' div = page in position. I wouldn't rather Code Live, but taken into concrete values in the future.

The approach of processing in action! The only way to make the connection of concrete values is to have a provision already laid down on paper before you start.

Tell more about how you want your page to look at (I don't know what you mean exactly on centering #page #palette 'up', but if you mean "before" then consider this -

This is my page

(Note that I deleted all the positioning, as well as all heights - of Villa is a bad idea to declare explicit heights on elements that contain text, once again because of possible overflow issues)

Tags: Dreamweaver

Similar Questions

Problem of position CSS Logo

Hello
I recently worked on a web project. In the project, I have a css file that is suppose to position the image of the logo.
This is the css code:
/ * LOGO * /.
#logo {}
Width: 830px;
height: 90px;
margin: 0 auto;
margin-top: 10px;
margin left: 200px;
background: url(images/img04.jpg) no-repeat left top;
}
Margin-top down the logo and the left margin moves the logo into alignment. The problem is that when I check the
page on the different sizes of screen left margin makes the logo image to automatically move to the middle of the page.
Rather than stay in the position you want.
If anyone can help.
Thank you.

Very difficult to know what needs this poster. First, they say they want the logo to the left so I said delete margin: 0 auto; in the css as it was then. 200px left margin appears now... hummmm

CSS: Positioned Parent column margin problem
This should a simple for someone with experience of painting without CSS. I am trying to imitate a glance I saw in a very simple and easy test case. I don't understand why the median column body sit evenly between the two adjacent columns of navigation on both sides? It currenlty placed much too high. If I hand enter 20 px for a top margin, it does not work either. Since it is relative, should not it pick up as the navright? Thanks for your help. Chris

Probably more easy just to cut and paste this in Dreamweaver:

Thanks for the information on the different types. The examples have been useful.

The answer to the problem is that I had to do the body margin 0px and the content margin top 20px. This solves the problem.

For anyone interested, here is the final code to update:

CSS Dropdown menu, problems of positioning in IE7
I created a drop down list using CSS to style links. It appears correctly in Firefox, but level sup links are positioned to the right of the parent link rather than directly below when seen in IE7. For example when I hover over 'News', the drop-down menu the auto position to the right of the 'News' link

Website: http://sbfl.tmp50.haisoft.net/

CSS: http://sbfl.tmp50.haisoft.net/templates/sbfl_homepage/css/nav.css

Thanks for your help.
Sean

"seanish" wrote in message
News:gmv23j$ML1$1@forums. Macromedia.com...
> I created a drop down list using CSS to style links. He
> is
> display well in Firefox, but level sup links are positioned to
> the
> law of the mother rather the link directly below seen in IE7.
> For
> example when I hover over 'News', the fall down positioned its self to the
> right
> the 'News' link
>
> Web site: http://sbfl.tmp50.haisoft.net/
>
> CSS: http://sbfl.tmp50.haisoft.net/templates/sbfl_homepage/css/nav.css
>
> Thanks for your help.

Try this:

#mainlevel ul {clear: left ;}}

--
Thierry | Adobe Community Expert. Articles and tutorials:
http://www.TJKDesign.com/go/?0

Widgets Spry | http://labs.Adobe.com/technologies/Spry/samples/ [click on]
'Widgets']
Samples of the Spry menu bar |
http://labs.Adobe.com/technologies/Spry/samples/menubar/MenuBarSample.html
--

Positioning CSS questions
I'm in the beginnings of the creation of my first 'real' site. (In other words, my first site that can actually do something) And I put all my skills to the test. I'm begin by nailing to the bottom of my page/design layout, so I'll switch to programming. I have some problems with positioning/formatting CSS in Internet Explorer.

Here's the url: http://lwrussell.com/new_site/

So far, I've been able to determine all questions that raised between these two browsers except these two problems:

In Internet Explorer, you will notice that the right hand navigation seems cut upward while it looks perfect in Firefox. Any ideas on this one?
Also, the content area of the body/is placed to the right 10 + pixels in IE where it is in FF.

Any help?

Thank you guys! I really appreciate it!
Luke
The page looks the same in IE7/FF2x.

> IE and FF deal differently with some padding and margins

No, they don't. At least not in the standard mode. What IE 6 does, however,
of doubling the margin on a floating when the float element and the margin
are on the same side. Difficulty on this page by adding-

Display: inline;

the rule of #content.

Why are you using the
Tag?

In any case, if you remove your items #ntred and #nbred, you will see the
Navigation-don't know what they're doing, or why they are there.

--
Murray - ICQ 71997575
Adobe Community Expert
(If you * MUST * write me, don't don't LAUGH when you do!)
==================
http://www.projectseven.com/go - DW FAQs, tutorials & resources
http://www.dwfaq.com - DW FAQs, tutorials & resources
==================

"grammarg" wrote in message
News:ffbsda$E8R$1@forums. Macromedia.com...
> IE and FF deal differently with some padding and margins. Maybe start by
> Reset the default settings? Try this link and you can Google for similar
> things
> if this seems to fix the problem.
>
> http://www.clagnut.com/blog/1287/
>

Possible false positive with hamid 3353 problem

Here is a packet captured by the ID that triggered hamid 3353 - SMB request overflow

evAlert: eventId gravity = 1075708170032493259 = high

Author:

hostId: cisco-ID - v4.1

appName: sensorApp

appInstanceId: 1134

time: 2005-07-18 14:53:30 2005/07/18 14:53:30 UTC

interfaceGroup: 0

VLAN: 0

signature: hamid = 3353 sigName = SMB request overflow subSigId = 0 = S180 Malformed SMB Request version

context:

fromVictim:

000000 01 00 00 00 01 00 00 00 01 00 00 00 01 00 00 00...

000010 01 00 00 00 01 00 00 00 01 00 00 00 01 00 00 00...

000020 01 00 00 00 00 00 00 00 00 00 00 68 FF 53 4 D 42... h.SMB

000030 25 00 00 00 00 98 07 00 00 00 00 00 00 00 00 C8%...

000040 00 00 00 00 00 50 78 07 01 90 81 0 TO 00 00 30 0C... Px........ 0

000050 00 00 00 00 00 38 00 00 00 30 00 38 00 00 00 00... 8... 0.8...

000060 00 31 00 2 05 00 02 03 10 00 00 00 30 00 00 00.1... 0...

000070 0 A 00 00 00 18 00 00 00 00 00 00 00 00 00 00 00...

000080 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00...

000090 00 00 00 00 00 00 00 68 FF 53 4 D 42 25 00 00 00... h.SMB%...

0000A 0 00 98 07 C8 00 00 00 00 00 00 00 00 00 00 00 00...

0000B 0 00 50 78 07 01 90 C1 0a 00 00 30 00 00 00 00 .px 0c... 0....

C 0000 0 00 00 00 00 38 30 00 38 00 00 00 00 00 31 00 2. 8... 0.8... 1,

0000D 0 05 00 02 03 10 00 00 00 30 00 00 00 0 B 00 00 00... 0.......

0000E0 18 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00...

0000F0 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00...

fromAttacker:

000000 00 00 00 00 00 54 00 2 00 54 00 02 00 26 00 0F... T.. T...&..

000010 70 3D 00 00 5 00 50 00 49 00 50 00 45 00 5 00 p =.... P.I.P.E.------.

000020 00 00 00 00 05 00 00 03 10 00 00 00 2 00 00 00......

000030 0 A 00 00 00 14 00 00 00 00 00 01 00 00 00 00 00...

000040 BB E2 20 19 4 C 0D 4 B 17 DF 44 00 52 40 B9 B7 9TH... L.K.... D-R @.

000050 00 00 00 80 FF 53 4 42 25 00 00 00 00 18 07 C8... % SMB...

000060 00 00 00 00 00 00 00 00 00 00 00 00 00 50 78 07... PX.

000070 01 90 C1 0C 10 00 00 2 00 00 00 54 05 00 00 00...... T....

000080 00 00 00 00 00 00 00 00 00 54 00 2 00 54 00 02... T... T...

000090 00 26 00 0F 70 00 00 5 00 50 00 49 00 50 00 3D. &... p =... \.P.I.P.

0000A0 45 00 5 00 00 00 00 00 05 00 00 03 10 00 00 00 E. \...

0000B0 2 00 00 00 0 B 00 00 00 14 00 00 00 00 00 01 00,...

C 0000 0 00 00 00 00 15 FD E7 DD E4 8A 40 7 39... E9 7 D ED} ... @..| 9

C3 0 30 15 BC D 0000 00 00 00 80 FF 53 4 25 42 00 00 00 0...SMB%...

0000E0 00 18 07 C8 00 00 00 00 00 00 00 00 00 00 00 00...

0000F0 00 F0 50 06 01 90 00 10 00 00 2 00 00 00 80 0D. P.........,....

participants:

Attackers:

attacking: proxy = false

addr: location = IN 10.24.238.193

Port: 1071

victim:

addr: location = IN 10.24.4.42

Port: 139

alertDetails: Traffic Source: int0;

As you can see, looks like a pretty normal SMB packet. This sensor is on an internal network, so Windows file and printer sharing is the norm.

I think there is a false positive problem that was introduced with the signature s tuning via the S180 update. As a result, I have two questions:

(1) am I right, or is the signature works as it should?

(2) does anyone else have this problem?

All your comments will be greatly appreciated,

Alex Arndt

We have identified the problem; an updated version of this signature will be in an update of the upcoming signature.

CSS and TaskFlow problem

Hello
I have problem with styling my application files using custom css and taskflow, I find these two could not work together.
Take a look at my file feature.xml - MAF:
As you see it is a unique feature that is named "test" with two pages of amx, called "untitled1.amx" id "lymphocytotoxicite.1" and "untitled2.amx" with the id "test.2", each of them includes css file in resources/css/and there are named taskflow "ViewController-task - flow.xml ' with the id"test.3"they (amx and taskflow files) located in the feature file, as you can see on the tab Applications in JDeveloper.
So lets talk about my problem, there are two situations buggy:
1. When the workflow is listed first in the list of the contents of the feature. Navigation between the pages of result: working, but there is no style of css files.
2. When the workflow is listed in any other place than the first. Result: style of css files is present, but the navigation doesn't work.
I found workaround using Word to Word and insert the style custom, but it is slow and not acceptable.
I have also deployed on several other machines:
- Dell Precision T1700, Windows 7
- Dell Precision T1700, Ubuntu 14.04 (mine)
- MacBook Pro, Mac OS x 10.11
And the result is the same.
I also uploaded my project on gdrive.
Thanks in advance.
Greetings,
Boris

Hello

looked at the sample and indeed the problem comes from your configuration. You have defined 3 content for a unique feature of MAF. A function can only show unique content at a time. To determine the content to show you want to use constraints for the defined for content. A usecase for this is where you want to optimize the user interface, for example when rendering on a smartphone differently than when it is rendered on a tablet. The content that is on top is content that is displayed if there is no defined constraints which would decide on the others. So if you have a task flow on top then the other views are not visible. And for the workflow you do not set the CSS to use (which explains why the page doesn't display colored). When a page is displayed at the top, then navigation is controlled by the adfc-mobile - config.xml, which, in your test case is empty so that no navigation can occur.

Frank

dreamweaver css Owl-carousel problem

Good afternoon!
come again to ask for help on the css for Tablet and smartphone, I am desirous of a left margin in the carousel of the OWL, more am not able to attack some elements like the image below, I tried to search:
. OWL-.owl rap-outer carousel {margin left: 15px;},
but I can't change the desired margin, how? Please, ask for help. The image of children, that's where the carousel want to put a retreat to put arrows (right and left) on the carousel in chrome, as I can put it in dreamweaver does not lead to what either.
1)
1.2)
{(2) in chrome .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100% and "margin-left: 15px '}
2.1)
(3) in dreamweaver cm³
nothing happens

I've never used Owl-carousel. Not familiar with it somehow. Have you tried to put some margins around the parent container?

style = "" left margin: 45px ">"

Your content

Your content

Your content

Your content

Your content

Your content

Your content

...

The stylesheet/CSS with display problem avisports collection site
Hi guys,.

I (finally) managed to get a version of the management assessment and systems of working capital and also managed to publish the site "avisports" sample that comes with the Download Sites WebCenter.

Only one problem: while the content of the site and pictures to the loading section, there is no CSS style applied to anything.

Something to note:

(1) I tried to repost. That didn't seem to do anything.

(2) two CSS files are referenced in the avisports - 'all.css' and «form.css» homepage When I try to access these files directly, I get a 404 (file not found) error.

Any ideas on what could be the cause?

Much appreciated!

-DeAngelo Lampkin
Looks like the avisports sampling site expects to find these CSS in the form of static files under the Web application, they are not managed as assets within Sites and therefore are not publishable. In an installation of tomcat for example they are found under

webapps/CS/avisports/CSS/LT7. CSS
webapps/CS/avisports/CSS/Form.CSS
webapps/CS/avisports/CSS/All.CSS

There are 72 files under webapps/cs/avisports, for most of the images, css and javascript. If you copy this avisports file to an equivalent location within the webapp deployed on the instance of delivery, but then the avisports site should find them.

Phil

Safari & CSS rollover behavior problem

Hello
I have a navigation bar with working capital and active CSS (CSS3 including easing) settings that are not appear in Safari. I suspect it has to do with the id selectors, but havn't been able to determine who is at the origin of the problem. It works great in IE9 and FF4 and degrades well in IE8. But for a reason, even the simple color attribute does not have the button in Safari.
Here is a link to see what I mean: http://www.juliepoguebarnes.com/bsr
Please help a confused Designer. Any help is appreciated
-Julie

@julie

I was litle time looking at your page and by a part of the documentation of the iOS. There, I found the answer.

First, let's look at this piece of CSS:
```
ul.topnav li a:hover {
     display: block;
     color: #000;
     width: 100%;
     visibility: visible;
     text-decoration: none;
     height: 49px;
     -webkit-transition: background 500ms ease;
     -moz-transition: background 500ms ease;
     -o-transition: background 500ms ease;
     transition: background 500ms ease;
     -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 15, .2);
     -moz-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 15, .2);
     box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 15, .2);
     background-color: #C7BBAD;

}
```
The first problem is that the transition is set when the transition occurs. For all the webkit examples I could find, you must set the transition before the action. So we will reduce these lines. I also deleted some lines because they were identical to what has been defined in the normal state and they were so duplicate.

What I ended up with was:
```
ul.topnav li a:hover {
     color: #000;
     background-color: #C7BBAD;
     -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 15, .2);
     -moz-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 15, .2);
     box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 15, .2);
}
```
Then we place the cut lines in the original statement of the link:
```
ul.topnav li a{
     line-height: 3.5em;
     display:block;
     -webkit-transition: background 500ms ease;
     -moz-transition: background 500ms ease;
     -o-transition: background 500ms ease;
     transition: background 500ms ease;
}
```
And there you have it. He now works in Chrome, Safari, and Firefox to my tests (on a Mac, so I don't mean to Windows/IE).

@jpiracci

The link you posted did not have a mention of the CSS3 transition. Can you please send your affected link?

positioning of the layer problem
I insert a layer. Set the properties - top, left, width, height - but layer goes where he wants. property values honor in dreamweaver edit mode and even worse mistake of positioning in the preview/debug. can not understand. all other layers on page behave very well. the absolute value of the position, float to zero.
> What are the features to leave out of the cut down version.

Code mode?

Walt

"Malcolm N_" wrote in message
News:[email protected]...
> On Wednesday January 24, 2007 01:34:31 + 0000 (UTC), "elmorilloana".
> wrote:
>
> I've been
> teaching children to make the pages using pagemill as it's much more intuitive
> that
> dw. but things move on time - I learned "later." the forums are a beautiful
> help.
>
> I think one of the problems is that DW is too high for some
> people to start the html works - and so too expensive. No amateur
> going to spend the full price, what other packages like Pagemill were
> / are in the 50 to 100 dollar/pound / euro League.
>
> I already said that Adobe may well be Advisor to release the next DW
> in the same way as Photoshop; all the professionals and
> like Photoshop Elements for the internal market. The tricky part would be
> be what are the features to leave out of the cut down version.
>
> --
>
> ~ Malcolm N...
> ~

Tag DIV, positioning CSS H1and issue
Hi all
I have a basic question concerning the placement of a text inside a < div > tag. Essentially, I am creating a small topic block (the < div > tag) 750px wide by high 25px, with a left-aligned title text and a prize titled text aligned to the right and 5px of padding around the text on all sides.

The problem I have is just to get the right text aligned to move far enough to the right of the block 750px topic using CSS. I want to create more space between the end of the title text and the beginning of the price text, but because the length of the title text will vary from point to point, I can't use a compensation of the left margin of the title text. Basically I want to compensate the right text to the far right of the header itself block edge without the use of tables. I hope this makes sense.

What would be a good approach to take to do something as simple as this, not to mention that I am trying to create something that "looks like" a table without using tables?

Thank you
~ Greg
We will see the page, please.

A float located on contano of text with a right margin may be whatever you
need.

--
Murray - ICQ 71997575
Adobe Community Expert
(If you * MUST * write me, don't don't LAUGH when you do!)
==================
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
==================

"Myrrhlin225" wrote in message
News:f58vph$1u6$1@forums. Macromedia.com...
> Hi all,
> I have a fundamental question regarding the placement of a text inside a
>

> tag. I'm basically trying to create a small topic block (the
)
> 750px
> integer by 25px high, with a left-aligned title text and a price
> topic text aligned to the right and 5px of padding around the text on all
> side.
>
> The problem I just becomes right-aligned text move away
> no longer enough on the right block 750px topic using CSS. I want to
> create
> more space between the end of the title text and the beginning of the
> price
> text, but because the length of the title text will vary from point to point, I
> can not
> use a shift to the left margin of the title text. Basically I want to compensate for
> the
> good text from the edge to the right of the header block itself without
> help
> tables. I hope this makes sense.
>
> What would be a good approach to take to do something as simple as
>,
> not to mention that I'm creating something that "looks like" a
> table
> without the use of tables?
>
> Thank you,
> ~ Greg
>

CSS (?) strange problem

Something strange has happened, where all the text on my site now, everything is "BOLD". It seemed logical that I had messed up something on the stylesheet, so after spending hours, trying to isolate the problem, I even that as far as to remove the link to the style sheet, but everything is always "BOLD".
It is located on every page.
If anyone has ever heard of such a thing or has any ideas, I would be very happy.
Thank you very much.
John

Search for a no tag in your HTML code.

Or use the services of Validation of the codes below to check your code for errors.

HTML - http://validator.w3.org/

HTML5 - https://validator.w3.org/nu/

Nancy O.

positioning css for IE11

I remove all the Spry lists and changing to pure CSS for my drop-down lists.
I bought 7 software project for this on the recommendation of messages in this forum.
The horizontal list that begins with "contact us" etc, is supposed to be located at the bottom of the thin vertical lists on all browsers works, but doesn't stay in place on IE11. It works very well on my current index (thanks to Nancy O) page.
http://www.country-Gallery.com/
Any suggestions? I took our photos and information on us to try to make the work easier, but not good! It's my experimental page...
http://www.country-Gallery.com/index3.html
Thank you!
Janet

Al called me and explained CSS errors in the footer DIV. It wasn't a mistake to project 7 of course and I am very grateful! You can't get better customer service than this.

Positioning when using subform problem sank...

Is there no way to position the two fields must be aligned horizontally when you use a subform flowed? See the example below. Thank you!

Hello

I made a few changes to your form.

1-4 proof of all the pieces are now wrapped in subforms distinct and surrounded by a subform flowed.

https://Acrobat.com/?d=-MxsGNP * ZsqZmPLbWPTG6w

Positioning CSS or DW problem?

Similar Questions

Maybe you are looking for