CSS display in Dreamweaver vs. IE

The following code in Dreamweaver shows "an example of"
vertically, instead of horizontally as it does in IE. It can be
fixed in Dreamweaver by adding "width: 150px;", but I would like to
see if anyone can help me understand why Dreamweaver isn't
displaying this the same as IE. Thanks, Rob
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Positioning</title>
<style type="text/css">
.big {
font-family: Helvetica, Arial, sans-serif;
font-size: large;
font-weight: bold;
</style>
</head>
<body>
<div style="position: absolute; left: 125px; top: 75px;"
class="big">
This is the first line of text being positioned.
<div style="position: absolute; left: 25px; top:
30px;">
This is <span style="position: relative; left: 10px; top:
30px; width: 150px;">an example of</span> a second line.
</div>
</div>
</body>
</html>

It looks exactly the same to me in DW8, IE6, and FF1.5.0.6.
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
==================
"Rob in AZ" <[email protected]> wrote in
message
news:ec86me$i1i$[email protected]..
> The following code in Dreamweaver shows "an example of"
vertically,
> instead of
> horizontally as it does in IE. It can be fixed in
Dreamweaver by adding
> "width: 150px;", but I would like to see if anyone can
help me understand
> why
> Dreamweaver isn't displaying this the same as IE.
Thanks, Rob
>
> <!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">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1" />
> <title>Positioning</title>
> <style type="text/css">
> .big {
> font-family: Helvetica, Arial, sans-serif;
> font-size: large;
> font-weight: bold;
> }
> </style>
> </head>
> <body>
> <div style="position: absolute; left: 125px; top:
75px;" class="big">
> This is the first line of text being positioned.
> <div style="position: absolute; left: 25px; top:
30px;">
> This is <span style="position: relative; left: 10px;
top: 30px;
> width:
> 150px;">an example of</span> a second line.
</div>
> </div>
> </body>
> </html>
>
>
>
>

Similar Messages

Dreamweaver and CSS display problem

Hi,
I am new to CSS layouts and trying to build a site in pure
CSS but I am having a problem with how it is dispayed within
dreamweaver.
here is
the html page as it looks in a browser
But
here is how the page currently looks is dreamweaver
As you can see, my divs which run along the bottom of the
page in the browser are actually shown contained in another div in
dreamweaver which is very misleading!
Is this due to something i have done or is this how it
displays in dreamweaver?
HTML code as follows:
<!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>
<link href="lovellkits.css" rel="stylesheet"
type="text/css">
</head>
<body>
<div id="main">
<div id="logo"></div>
<div id="navbar">Nike Kits | Optimum Kits | Lovell
Rugby Kits | Training Wear | Equipment</div>
<div id="bannerlarge"></div>
<div id="smlbanner1"></div>
<div id="smlbanner2"></div>
<div id="smlbanner3"></div>
<div id="smlbanner4"></div>
</div>
</body>
</html>
and
my CSS can be found here
Thanks for reading
Steve

FWIW, there were significant rendering improvements made in
DW8, so it
may be worth the upgrade if you're creating layouts in DW.
In the meantime, try adding some content to the bannerlarge
container. I
think DW may be incorrectly collapsing that tag since it's
empty.
HTH,
Randy
> Dreamwaever MX 2004 for the mac

Css Tabs in Dreamweaver CS4 Workspace bug?/annoyance

Css Tabs in Dreamweaver CS4 Workspace. This is probably more
of an
annoyance than a bug.
When working with CSS, I use multiple CSS files and when I
make a change
to one, I hit save (CTRL S)but it doesn't save the CSS file I
was just
working on. In order to make it save that CSS file, I have to
click on
one of the others and then back to the one I was just working
on and
then hit save.
Kind of annoying, right?
I demand this to be fixed! ;)

Art,
I guess you didn't understand what I meant by "focus". Let me
try to
explain in terms of your recipe -- all you need is a slight
change in
workflow:
> 1. Open page with multiple style sheets applied
> 2. Have split screen
> 3. click on one style sheet and edit it anywhere. After
editing, the
> rounded box will be black and have an asterisk applied
At this point, the style sheet has "focus", so click Ctrl+S
now, before
you click back in Design View (which changes the "focus" back
to the
main document).
FYI, if you're clicking in Design View to update the
rendering, you can
hit F5 to update the main document rendering without giving
it "focus".
> 4. Click back to page in design view.
> 5. Click control save. It doesn't save the style sheet
that is
> highlighted and has an asterisk.
> 6. In order to save you must "save all" or click off
and then on
> to the style sheet.
Hope this helps,
Randy
Art wrote:
> Let me restate the problem so it's clear what is
happening.
>
> 1. Open page with multiple style sheets applied
> 2. Have split screen
> 3. click on one style sheet and edit it anywhere. After
editing, the
> rounded box will be black and have an asterisk applied
> 4. Click back to page in design view.
> 5. Click control save. It doesn't save the style sheet
that is
> highlighted and has an asterisk.
> 6. In order to save you must "save all" or click off and
then on to the
> style sheet.
>
> Perhaps this is more an issue of focus rather than a
function of the
> save command.
>
> Since it's not saving, perhaps Dreamweaver shouldn't be
displaying the
> black rounded box as it is no longer selected when you
click back into
> Design view.
>
> Of course there are ways around this; it's just a little
annoying that
> it's displaying "active" yet it's not.

CSS display problem

I have an unusual problem that must be something to do with
my Dreamweaver set-up.
All of a sudden all of my sites do not display the CSS in the
dreamweaver application. The CSS details all appear and I can
select them in the usual way but nothing appears on screen.
When I preview any page from any site in a browser it is
fine.
Does anyone have any idea what the problem might be?
Thanks
Dave

VIEW | Style Rendering > Display Styles
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
==================
"davecheet" <[email protected]> wrote in
message
news:f65vv5$flb$[email protected]..
>I have an unusual problem that must be something to do
with my Dreamweaver
> set-up.
> All of a sudden all of my sites do not display the CSS
in the dreamweaver
> application. The CSS details all appear and I can select
them in the usual
> way
> but nothing appears on screen.
> When I preview any page from any site in a browser it is
fine.
>
> Does anyone have any idea what the problem might be?
>
> Thanks
>
> Dave
>

Layout displayed by Dreamweaver not even close to Firefox

As a long-time Dreamweaver user, back to Dreamweaver 3, I'd
been used to the layout displayed by Dreamweaver being close to
that displayed by browsers. With Dreamweaver 8, it's often not even
close.
Typical problems:
- Vertical line spacing is different in Dreamweaver and in
Firefox 2. May be a browser problem.
- Unwanted vertical space between DIV tags in Dreamweaver
when DIV contains a FORM.
- Multiple column layout with DIV tags totally different in
Dreamweaver 8 and Firefox 2.
I realize that CSS layout is less reliable than table layout,
but that's what we pay Adobe to deal with.
This should just work by now.

Ok: CSS layouts *can* be counted on to display reliably in
current browsers
just as much as table layouts can.
That's true, then? :-)
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> My experience leads me not to make such general comments
about either.
>
> --
> 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
> ==================
>
>
> "P@tty Ayers"
<[email protected]> wrote in message
> news:[email protected]...
>> I'm assuming that by "reliable" we mean "can be
counted on to display
>> properly in current browsers". I base it on lots of
experience, and the
>> experience of almost everybody else I've heard from
about it - pretty
>> much universally accepted common knowledge, I
guess..
>>
>> --
>> Patty Ayers | www.WebDevBiz.com
>> Free Articles on the Business of Web Development
>> Web Design Contract, Estimate Request Form, Estimate
Worksheet
>> --
>>
>> "Walt F. Schaefer" <[email protected]>
wrote in message
>> news:[email protected]...
>>> I'm still curious. What do you base that on?
>>>
>>> Walt
>>>
>>> "P@tty Ayers"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> "CSS layout is less reliable than table
layout."
>>>>
>>>> --
>>>> Patty Ayers | www.WebDevBiz.com
>>>> Free Articles on the Business of Web
Development
>>>> Web Design Contract, Estimate Request Form,
Estimate Worksheet
>>>> --
>>>>
>>>>
>>>>
>>>>
>>>> "Walt F. Schaefer"
<[email protected]> wrote in message
>>>> news:[email protected]...
>>>>>>>I realize that CSS layout is less
reliable than table layout
>>>>>
>>>>> Just curious, where did you acquire that
pearl of wisdom? I've never
>>>>> heard anyone make that claim.
>>>>>
>>>>> Walt
>>>>>
>>>>> "John Nagle"
<[email protected]> wrote in message
>>>>>
news:[email protected]...
>>>>>> As a long-time Dreamweaver user,
back to Dreamweaver 3, I'd been used
>>>>>> to the
>>>>>> layout displayed by Dreamweaver
being close to that displayed by
>>>>>> browsers.
>>>>>> With Dreamweaver 8, it's often not
even close.
>>>>>>
>>>>>> Typical problems:
>>>>>> - Vertical line spacing is different
in Dreamweaver and in Firefox 2.
>>>>>> May be a
>>>>>> browser problem.
>>>>>> - Unwanted vertical space between
DIV tags in Dreamweaver when DIV
>>>>>> contains a
>>>>>> FORM.
>>>>>> - Multiple column layout with DIV
tags totally different in
>>>>>> Dreamweaver 8 and
>>>>>> Firefox 2.
>>>>>>
>>>>>> I realize that CSS layout is less
reliable than table layout, but
>>>>>> that's what
>>>>>> we pay Adobe to deal with.
>>>>>> This should just work by now.
>>>>>>
>>>>>
>>>>>
>>>>
>>>>
>>>
>>>
>>
>>
>
>

CSS Template in Dreamweaver, cannot make flash(swf) show ???

Hi all,
I'm quite new at using dreamweaver, have been using GoLive
some before and I have got a time consuming problem:
To try to get a hang of CSS page designs I've used the Page
Design (CSS) Halo Right nav that comes with DW8.
I've learnt pretty much how it works BUT, I cannot make a
flash file visible when inserted to the page design ????
It does not show if I insert it to an existing div tag or if
I insert it in a new layer. What am I doing wrong ?
(same goes for images)
Need help quickly.
Thanks!

This is one of the several weird problems with the HALO
layout.
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
==================
"Pasay" <[email protected]> wrote in message
news:eve7b0$s6g$[email protected]..
> OK!,
> will look into that, as I said I'm all new to this,
grateful for all tips.
> I've posted a new Topic : CSS Template in Dreamweaver,
Submeny
> dissapears?
> may be related to the javascript error ?
> //Bosse
>

How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)

How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
and I know it is being over-ridden by
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;

Abdelqader Alnobani wrote:
How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
and I know it is being over-ridden by
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;
Logically a structure something like below should work BUT whether or not it will upset the FG I don't know as I wouldn't ever use it.
<div class="gridContainer">
Top Code Section Goes Here
</div>

<div id="fullWidth">
Full width section goes here
</div>

<div class="gridContainer">
Bottom Code Section Goes Here
</div>

Flash Files Will Not Display in Dreamweaver

Flash files will not display in Dreamweaver or in any
browser. If I insert a Flash button, text or other file, when I hit
the "play" button the flash place holder disapears, and the Flash
file never displays. In the Property Inspector, the file is always
"undefined" even when I save the file to my root folder with a
name. When I hit the "Edit" button, I get the message that the file
could not be found on my local disk. It's like Dreamweaver fails to
create or place a Flash file. Help please!

fro:
> <img
>
src="file:///Alan's/Users/alanwhelpley/Desktop/MM_DWCS3/Chapter11/Roses.jpg"
You will have to rename the hard drive for dreamweaver to
work properly.
The ' is causing dw to not find the path.
other symptoms would be dw nagging that the "homepage" is not
within the
local site folder so it can't build a sitemap.
technote-
http://kb.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14452
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Adobe recommends: New CSS features in Dreamweaver CS5

Over the next week, we are going to be publicizing some high-value content from adobe.com and other community sites. We have been tracking what's been most important to our users, and feel that getting this content out to the larger community will go a long way toward helping people tackle some of their most pressing challenges.
Continuing our trip along the CSS highway, our next recommendation is a video by Dremeaver superstar Brian Wood:
New CSS features in Dreamweaver CS5
The video demonstrates some of the most exciting new CSS features in Dreamweaver: new CSS layouts, CSS inspect, and CSS enable/disable.
Give it a spin and let us know what you think!
Previous recommendation threads:
Use Dreamweaver CS 5.5 to package your web application for iOS and Android devices
Customizing a Spry Menu Bar widget
Spry Menu Bar resources
Layout 101
CSS page layout basics

Thanks for the answer this is very useful however I still find that Dreamwever defaults back to writing in CSS, I have to go to the manel every time and switch from CSS style to Inline style which is very irritating. Is there any way to disable writing in CSS all together like their used to be in CS3..in the preferences.
Much appreciated

Banner image will not display in Dreamweaver; can you help?

Banner image will not display in Dreamweaver; can you help?

If the banner image is not displaying, it is either not in an acceptable web file format (optimized for web as jpg, gif or png). Or it is corrupted. Or the path to the image file on server is broken.
It's impossible to say more without a link to your problem page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Element Width 0 When Changing CSS Display

Hello
I have a webpage containing several Divs which contain individual 'pages'. I have defined the following CSS styles to control which the user sees:
.hideDiv{
    display: none;
.showDiv{
    display: inline;
I have a simple Javascript function which switched the CSS styles to display the required page:
function hideShow(hideDiv, showDiv){
          //alert("hideShow");
          if(document.getElementById(hideDiv)!=null){
                    document.getElementById(hideDiv).className = "hideDiv clear";
          if(document.getElementById(showDiv)!=null){
                    document.getElementById(hideDiv).className = "showDiv clear";
          return false;
Within each 'page' div are 1 or more simple tables containing images. The CSS on these tables positions them from the right like this:
<table style="position:absolute; right:40px; bottom:30px; z-index:1;">
          <tr><td>
                    <img src="{media}" alt="{mediaAlt}" style="display:block; position:relative;"/>
                    <p class="padCaption">{mediaCaption}</p>
          </td></tr>
</table>
When I display page 2 (the first page to have its CSS display property changed from 'none' to 'inline') the image is displayed off to the right and down too low. As soon as I slightly resize the browser window it jumps to the correct position.
I suspected that the browser was unable to ascertain the image's width and height and so assumes 0 pixels for both. This being the case the right and bottom edges were correctly positioned but only assuming the image has a width and height of 0 pixels!
I extended my Javascript function to check this and ,my thoughts were confirmed.
Fortunately (for once) our client has IE6 and this problem isn't seen by them. All of the elements in the complete html file apper to be cached when the page initially loads and it has no problem with the images.
We need to use Safari for some presentations and can't seem to resolve this. I tried positioning the div to one side and then moving it but it all happens before the UI updates and the browser is still none the wiser as to the dimensions of the image.
Any advice would be gratefully received.
Thanks
Chris

Hello Jon
Thanks for the prompt reply. Sorry I can't share the page but I can extract some elements to show. Each 'page' div is like this:

<div class="showDiv clear" id="page1">
    <div id="bgPic-components">
        
        <h1>Sub-Heading</span></h1>
        
        <div class="contentTextArea fullWidth">
            <div style="position:absolute; width:280px; z-index:2;">
                <p>Some body text here.</p>
            </div>
            <table style="position:absolute; right:40px; bottom:40px; z-index:0;">
                <tr><td>
                    <img src="../../medialibrary/3DI/3DI0315.02.01.jpg" style="display:block; position:relative; height:440px;"/>
                    <p class="padCaption">Annotation</p>
                </td></tr>
            </table>
            <table style="position:absolute; bottom:24px; z-index:0;">
            <tr><td>
                <img src="../../medialibrary/photographs/P0825.01.01.jpg" alt="" style="display:block; position:relative; height:300px"/>
                <p class="padCaption">Annotation</p>
            </td></tr>
        </table>
        </div>
    </div>
</div>
Thanks
Chris

Uploading css template to dreamweaver

I need to upload some css templates to dreamweaver but can't
figure out how to do it yet.

Huh? Upload CSS templates to DW? You mean you need to add a
CSS-based
template page to your DW site? Is it a *.dwt page? If so just
copy it into
the Templates folder at the root level of the site.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"ntnsllc" <[email protected]> wrote in
message
news:gj91bs$j0k$[email protected]..
>I need to upload some css templates to dreamweaver but
can't figure out how
>to do it yet.

How Do I Get CSS Styles In Dreamweaver CC?

How Do I Get CSS Styles In Dreamweaver CC?

You should have something like this in your window:
Just Click on the Plus sign ( + ) and you get the three options: create a new file, attach an existing file or create a style on page (define on page)
Apart from this I won't know because I am basing this from my copy of CS6. I don't have CC version.

Creating CSS Transitions in Dreamweaver CS6 | Digital Design CS6 | Adobe TV

Adobe Evangelist Greg Rewis shows how to create CSS transitions in Dreamweaver CS6.
http://adobe.ly/Iq6zSH

I just try one thing, I place a tooltip like here: http://tv.adobe.com/watch/csinsider-design/muse-trigger-target/
It´s just what I wanted.
thanks and regards

CSS not displaying in Dreamweaver Preview (from Template file)

Greetings!
I created a page in dreamweaver with attached styles which was working just fine. Took the page and turned it into a template - which was also working fine.
Then applied the template to a page and styles are not showing at all.
Looking at the code my stylesheet is attached properly and uploading the page to a live server, the styles all display fine. It is just Dreamweavers is somehow not rendering the stylesheet.
I have double checked and ensured that the rendering of css is turned on. That the media is set to screen etc. Still I cannot get the CSS to render in design view.
As a temporary workaround, I can re-attach my stylesheet as a design time stylesheet and it renders just fine.
Anyone have any ideas what might be happening here? Is it a Dreamweaver cache issue?
Only thing I can think is that I do have some PHP code in the head section, but the page is a PHP page so that should not be an issue?
I would appreciate any help or ideas anyone can offer!
Thanks,
Martin

Here is the template:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


</head>

<title>Untitled Document</title>

<link href="../style-mobile.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, width=device-width" />
    <script type="text/javascript" charset="utf-8" src="../home-panels_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-437364888 { visibility:hidden; }
    </style>
<link rel="stylesheet" type="text/css" href="../slimmenu.css">
<script src="../jquery.min.js"></script>
<script src="../jquery.slimmenu.js"></script>
<script src="../jquery.easing.min.js"></script>
<body>
<ul class="slimmenu">
        <div class="nav-phone"><span class="callus">Call Us Now:</span> <a href="tel:18888021296">1-888-802-1296</a></div>
        <li><a href="../how-biweekly-mortgages-work.html">How it Works</a></li>
        <li><a href="../why-biweekly-mortgage-company.html">Why Us?</a></li>
        <li><a href="../faq-biweekly-interest-savings.html">Frequently Asked Questions</a></li>
        <li><a href="../biweekly-mortgage-testimonials.html">Testimonials</a></li>
        <li><a href="../biweekly-mortgage-videos.html">Video Library</a></li>
        <li><a href="../biweekly-mortgage-resources.html">Resources</a></li>
        <li><a href="../biweekly-customer-service.html">Contact Us</a></li>
        <li><a href="../careers-xenia-ohio.html">Careers</a></li>
        <li><a href="https://nbabiweekly.com/secure/change_form2.htm" target="_blank">Update Account Info</a></li>
</ul>
<script>
$('ul.slimmenu').slimmenu(
    resizeWidth: '2000',
    collapserTitle: '<img src="images/logo.png" width="275" height="51">',
    easingEffect:'easeInOutQuint',
    animSpeed:'medium',
    indentChildren: true,
    childrenIndenter: '»'
</script>
<div id="content">
<div id="home-panels">
    <div id="panels" onClick="location.href='http://www.youtube.com/embed/LZPHZQLUnHE?rel=0';" style="cursor:pointer;">
      
      <div id="Stage" class="EDGE-437364888"></div>
      
    </div>
    <div id="intro-text">Nationwide Biweekly Administration's Interest Minimizer—A simple change from monthly to bi-weekly payments can save you thousands of dollars and years off your mortgage, auto, student, and other loans as well as credit card debt.</div>
    <div id="home-call">
      <div class="24" id="home-call-now"> Call Now </div>
      <div id="home-call-number"> <a href="tel://1-888-802-1296">888-802-1296</a></div>
    </div>
</div>
<div class="divider-white"></div>
<div class="home-blue" onClick="location.href='biweekly-mortgage-videos.html';">
    <div id="home-video-library">
      <div id="home-video-library-left">
        <div class="title-white"> Video Library </div>
        <div id="home-video-copy" class="copy-blue"> Learn more about NBA and the Interest Minimizer Bi-weekly Program with these selected videos.</div>
      </div>
      
    </div>
    
</div>
<div class="divider-white"></div>
<div id="home-orange">
    <div id="home-orange-box" class="title-white"> In 2012, we... </div>
    <div id="home-2012-bullets">
      <ul>
        <li>Processed over a BILLION dollars! </li>
        <li>Saved consumers $113,994,000 in interest!</li>
        <li>Generated a $110,142,000 equity benifit! </li>
        <li>Saved consumers 705,410 payments!</li>
      </ul>
    </div>
</div>
<div class="divider-white"></div>
<div id="home-cream">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="3" valign="top"><center>
          More Reasons to Trust NBA
        </center></td>
      </tr>
      <tr>
        <td width="37%" align="center" valign="middle"><img src="../images/bbb.png" width="98" height="61"></td>
        <td width="30%" align="center" valign="middle"><img src="../images/audit.png" width="90" height="89"></td>
        <td width="33%" align="center" valign="middle"><img src="../images/db.png" width="67" height="76"></td>
      </tr>
    </table>
</div>
<div class="divider-white"></div>
<div class="home-blue" onClick="location.href='https://nbabiweekly.com/secure/change_form2.htm';">
    <div id="home-account-left">
      <div class="title-white"> Update Account Info</div>
      <div id="home-account-copy" class="copy-blue"> Update your account information or restart your enrollment using our SECURE online form. </div>
    </div>
</div>
<div class="divider-white"></div>
</div>

<div id="footer">
<div id="social">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="20%"><center>
        <a href="http://www.linkedin.com/company/978505?trk=tyah"><img src="../images/social-in.png" alt="LinkedIn" width="35" height="35" border="0"></a>
      </center></td>
      <td width="20%"><center>
        <a href="https://www.facebook.com/NationwideBiweekly"><img src="../images/social-fb.png" width="35" height="35" alt="Facebook"></a>
      </center></td>
      <td width="20%"><center>
        <a href="https://twitter.com/NBAsavesyou"><img src="../images/social-twitter.png" width="35" height="35" alt="Twitter"></a>
      </center></td>
      <td width="20%"><center>
        <a href="http://nationwidebiweeklyblog.com/"><img src="../images/social-blog.png" width="35" height="35" alt="Biweekly Mortgage Program Blog"></a>
      </center></td>
      <td width="20%"><center>
        <a href="http://www.youtube.com/user/nbabiweeklysaver?feature=watch"><img src="../images/social-yt.png" width="35" height="35" alt="YouTube"></a>
      </center></td>
    </tr>
</table>
</div>
<div class="divider-footer"></div>
<div class="footer-links">
    <div class="footer-title">Learn More</div>
    <div id="footer-links1">
    <a href="../how-biweekly-mortgages-work.html">How It Works</a>
    <a href="../why-biweekly-mortgage-company.html">Why Us?</a> <a href="../faq-biweekly-interest-savings.html">FAQ</a> <a href="../biweekly-mortgage-testimonials.html">Testimonials</a></div>
</div>
<div class="divider-footer"></div>
<div class="footer-links">
    <div class="footer-title">Video Library</div>
    <div id="footer-links2">
    <a href="../biweekly-mortgage-testimonials.html">Testimonials</a> <a href="../biweekly-mortgage-videos.html">Biweekly Mortgage Program</a> <a href="../biweekly-mortgage-videos.html">Featured on Oprah & CBS News</a>
    <a href="../biweekly-mortgage-videos.html">Certified Audit of Procedures</a>
     <a href="../biweekly-mortgage-videos.html">How Are My Payments Processed?</a>
     <a href="../biweekly-mortgage-videos.html">NBA Video Tour</a>
     <a href="../faq-biweekly-interest-savings.html">Frequently Asked Questions</a>
     <a href="../careers-xenia-ohio.html">Careers at NBA</a>
    </div>
</div>
<div class="divider-footer"></div>
   <div class="footer-links">
    <div class="footer-title">Resources</div>
    <div id="footer-links1">
    <a href="http://nationwidebiweeklyblog.com/">Blog</a> <a href="http://www.interestminimizer.com/audit-form.html" target="_blank">Free Annual Audit</a> <a href="http://www.interestminimizer.com/calendar.html" target="_blank">Withdrawal Schedule</a> <a href="http://www.nbabiweekly.com/lenderlist1_interface/qryMortgageCompanyExport/LenderNameSearch 2.asp" target="_blank">Lender Search</a></div>
</div>
   <div class="divider-footer"></div>
      <div class="footer-links">
    <div class="footer-title">Interact with NBA</div>
    <div id="footer-links1">
    <a href="../biweekly-customer-service.html">Contact Us</a> <a href="../careers-xenia-ohio.html">Careers</a> <a href="https://nbabiweekly.com/secure/change_form2.htm" target="_blank">Update Account Info</a>
    </div>
</div>
<div class="divider-footer"></div>
<div id="footer-bottom">
    <p>Nationwide Biweekly Administration<br>
      <span class="blue-small">Helping Millions Save Billions
    </span></p>
        <p class="blue-small">Georgia customers go <a href="../georgia.html">HERE</a> for licensing information.
    report any customer concerns.</p>
    <p class="blue-small">Texas customers click <a href="../texas.html">HERE</a> to
    report any customer concerns.</p>
    <p class="blue-small">Loan Payment Administration is a subsidiary of Nationwide Biweekly Administration</p>
    <p class="blue-xxsmall">Copyright © 2013 Nationwide Biweekly Administration</p>
</div>
</div>
</body>
</html>
Here is a child:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


</head>

<title>Untitled Document</title>

<link href="style-mobile.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, width=device-width" />
    <script type="text/javascript" charset="utf-8" src="home-panels_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-437364888 { visibility:hidden; }
    </style>
<link rel="stylesheet" type="text/css" href="slimmenu.css">
<script src="jquery.min.js"></script>
<script src="jquery.slimmenu.js"></script>
<script src="jquery.easing.min.js"></script>
<body>
<ul class="slimmenu">
        <div class="nav-phone"><span class="callus">Call Us Now:</span> <a href="tel:18888021296">1-888-802-1296</a></div>
        <li><a href="how-biweekly-mortgages-work.html">How it Works</a></li>
        <li><a href="why-biweekly-mortgage-company.html">Why Us?</a></li>
        <li><a href="faq-biweekly-interest-savings.html">Frequently Asked Questions</a></li>
        <li><a href="biweekly-mortgage-testimonials.html">Testimonials</a></li>
        <li><a href="biweekly-mortgage-videos.html">Video Library</a></li>
        <li><a href="biweekly-mortgage-resources.html">Resources</a></li>
        <li><a href="biweekly-customer-service.html">Contact Us</a></li>
        <li><a href="careers-xenia-ohio.html">Careers</a></li>
        <li><a href="https://nbabiweekly.com/secure/change_form2.htm" target="_blank">Update Account Info</a></li>
</ul>
<script>
$('ul.slimmenu').slimmenu(
    resizeWidth: '2000',
    collapserTitle: '<img src="images/logo.png" width="275" height="51">',
    easingEffect:'easeInOutQuint',
    animSpeed:'medium',
    indentChildren: true,
    childrenIndenter: '»'
</script>
<div id="content">
<div id="home-panels">
    <div id="panels" onClick="location.href='http://www.youtube.com/embed/LZPHZQLUnHE?rel=0';" style="cursor:pointer;">
      
      <div id="Stage" class="EDGE-437364888"></div>
      
    </div>
    <div id="intro-text">Nationwide Biweekly Administration's Interest Minimizer—A simple change from monthly to bi-weekly payments can save you thousands of dollars and years off your mortgage, auto, student, and other loans as well as credit card debt.</div>
    <div id="home-call">
      <div class="24" id="home-call-now"> Call Now </div>
      <div id="home-call-number"> <a href="tel://1-888-802-1296">888-802-1296</a></div>
    </div>
</div>
<div class="divider-white"></div>
<div class="home-blue" onClick="location.href='biweekly-mortgage-videos.html';">
    <div id="home-video-library">
      <div id="home-video-library-left">
        <div class="title-white"> Video Library </div>
        <div id="home-video-copy" class="copy-blue"> Learn more about NBA and the Interest Minimizer Bi-weekly Program with these selected videos.</div>
      </div>
      
    </div>
    
</div>
<div class="divider-white"></div>
<div id="home-orange">
    <div id="home-orange-box" class="title-white"> In 2012, we... </div>
    <div id="home-2012-bullets">
      <ul>
        <li>Processed over a BILLION dollars! </li>
        <li>Saved consumers $113,994,000 in interest!</li>
        <li>Generated a $110,142,000 equity benifit! </li>
        <li>Saved consumers 705,410 payments!</li>
      </ul>
    </div>
</div>
<div class="divider-white"></div>
<div id="home-cream">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="3" valign="top"><center>
          More Reasons to Trust NBA
        </center></td>
      </tr>
      <tr>
        <td width="37%" align="center" valign="middle"><img src="images/bbb.png" width="98" height="61"></td>
        <td width="30%" align="center" valign="middle"><img src="images/audit.png" width="90" height="89"></td>
        <td width="33%" align="center" valign="middle"><img src="images/db.png" width="67" height="76"></td>
      </tr>
    </table>
</div>
<div class="divider-white"></div>
<div class="home-blue" onClick="location.href='https://nbabiweekly.com/secure/change_form2.htm';">
    <div id="home-account-left">
      <div class="title-white"> Update Account Info</div>
      <div id="home-account-copy" class="copy-blue"> Update your account information or restart your enrollment using our SECURE online form. </div>
    </div>
</div>
<div class="divider-white"></div>
</div>

<div id="footer">
<div id="social">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="20%"><center>
        <a href="http://www.linkedin.com/company/978505?trk=tyah"><img src="images/social-in.png" alt="LinkedIn" width="35" height="35" border="0"></a>
      </center></td>
      <td width="20%"><center>
        <a href="https://www.facebook.com/NationwideBiweekly"><img src="images/social-fb.png" width="35" height="35" alt="Facebook"></a>
      </center></td>
      <td width="20%"><center>
        <a href="https://twitter.com/NBAsavesyou"><img src="images/social-twitter.png" width="35" height="35" alt="Twitter"></a>
      </center></td>
      <td width="20%"><center>
        <a href="http://nationwidebiweeklyblog.com/"><img src="images/social-blog.png" width="35" height="35" alt="Biweekly Mortgage Program Blog"></a>
      </center></td>
      <td width="20%"><center>
        <a href="http://www.youtube.com/user/nbabiweeklysaver?feature=watch"><img src="images/social-yt.png" width="35" height="35" alt="YouTube"></a>
      </center></td>
    </tr>
</table>
</div>
<div class="divider-footer"></div>
<div class="footer-links">
    <div class="footer-title">Learn More</div>
    <div id="footer-links1">
    <a href="how-biweekly-mortgages-work.html">How It Works</a>
    <a href="why-biweekly-mortgage-company.html">Why Us?</a> <a href="faq-biweekly-interest-savings.html">FAQ</a> <a href="biweekly-mortgage-testimonials.html">Testimonials</a></div>
</div>
<div class="divider-footer"></div>
<div class="footer-links">
    <div class="footer-title">Video Library</div>
    <div id="footer-links2">
    <a href="biweekly-mortgage-testimonials.html">Testimonials</a> <a href="biweekly-mortgage-videos.html">Biweekly Mortgage Program</a> <a href="biweekly-mortgage-videos.html">Featured on Oprah & CBS News</a>
    <a href="biweekly-mortgage-videos.html">Certified Audit of Procedures</a>
     <a href="biweekly-mortgage-videos.html">How Are My Payments Processed?</a>
     <a href="biweekly-mortgage-videos.html">NBA Video Tour</a>
     <a href="faq-biweekly-interest-savings.html">Frequently Asked Questions</a>
     <a href="careers-xenia-ohio.html">Careers at NBA</a>
    </div>
</div>
<div class="divider-footer"></div>
   <div class="footer-links">
    <div class="footer-title">Resources</div>
    <div id="footer-links1">
    <a href="http://nationwidebiweeklyblog.com/">Blog</a> <a href="http://www.interestminimizer.com/audit-form.html" target="_blank">Free Annual Audit</a> <a href="http://www.interestminimizer.com/calendar.html" target="_blank">Withdrawal Schedule</a> <a href="http://www.nbabiweekly.com/lenderlist1_interface/qryMortgageCompanyExport/LenderNameSearch 2.asp" target="_blank">Lender Search</a></div>
</div>
   <div class="divider-footer"></div>
      <div class="footer-links">
    <div class="footer-title">Interact with NBA</div>
    <div id="footer-links1">
    <a href="biweekly-customer-service.html">Contact Us</a> <a href="careers-xenia-ohio.html">Careers</a> <a href="https://nbabiweekly.com/secure/change_form2.htm" target="_blank">Update Account Info</a>
    </div>
</div>
<div class="divider-footer"></div>
<div id="footer-bottom">
    <p>Nationwide Biweekly Administration<br>
      <span class="blue-small">Helping Millions Save Billions
    </span></p>
        <p class="blue-small">Georgia customers go <a href="georgia.html">HERE</a> for licensing information.
    report any customer concerns.</p>
    <p class="blue-small">Texas customers click <a href="texas.html">HERE</a> to
    report any customer concerns.</p>
    <p class="blue-small">Loan Payment Administration is a subsidiary of Nationwide Biweekly Administration</p>
    <p class="blue-xxsmall">Copyright © 2013 Nationwide Biweekly Administration</p>
</div>
</div>
</body>
</html>

CSS display in Dreamweaver vs. IE

Similar Messages

Maybe you are looking for