Break shows beween the div tags

Hello,
I give up. UGH. Need help please.
View the css template here: http://www.marshimun.com/main2.dwt
I can't find out why there is a break on the pages after the maincontent div and before the footer div.
http://www.marshimun.com/index.shtml
Thank you!!!!!!!!
esther

In your HTML you have this:

</div>
<div id="footer">
your footer here

</div>
Try moving your footer up so that it is inside the #container div:
<div id="footer">
your footer here

</div>

</div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

Why is "onLoad" not allowed for the div tag in the behaviors effects?!

I have a js menu positioned relatively over a Flash intro in hybrid fashion; I'd like for it to appear gradually on Load so that it appears at the end of the intro, but you can't use onLoad for the div tag apparently. Is there any other way to do this? I do NOT want to have to create a navigation menu in Flash...

As David says onLoad does exactly what it says, triggers the event on page load.
A simpler solution would be to attach a JavaScript behavior to the onLoad event or separately it would not matter, to gradually fade-in your menu.
There are many utilities to do this and all are dhtml, Try searching for one and adding it to your webpage.
See the spry fade-in/out for an example of a simple effect, (you would have to adapt it to your requirements as with most special effect behaviors).
Link to spry:
http://labs.adobe.com/technologies/spry/home.html
PZ

Need to know how to place a tiling image in the div tags

Let me see if I can explain what I want to do in a way that makes sense.
I have created a box using the <div> I want a background image I made in photoshop that has rounded corners. I need this image to stretch or tile the length and width of the box without duplicating the image in the tile. I don't want multiple rounded corner corner boxes appearing. Just the one stretched.
I am guessing I need to crop the rounded corner top, bottom and take a 1 px tall crop from from the center of the image for tiling and the top and bottom remain fixed in their position.
I don't know how to place these in the box if my assumptions about cropping are right.
I don't know how to stretch the width of the image to fit the width of the box either. Do I need to create a fixed width image the width of the box or can it stretch to fill the width?
Using DW CS6
Thanks

Tiling would mean duplicating itself horizontally and vertically to appear as though it were tiled (envision a shower wall).
You do not want it to tile it sounds like, but you want the background image to cover the entire background by resizing to whatever size the containing <div> is.
That can be done relatively easily with the css3 background-size property.
The css would look like this...
#container_id {
     background-image:url(your_image.jpg);
     background-size:100% 100%;
     background-repeat:no-repeat;
Then the html would look like this...
<div id="container_id>
     your content
</div>

The Location bar shows me the TITLE tag info for a page in large font + the URL in small font. How can I turn off the display of the Title tag, I just want to see a list of URL's. Bad design to force it that way, I don't like it. I know what a URL is.

'''YAHOO'''
http://www.yahoo.com
I don't need the YAHOO. I find it so completely annoying that you have forced me to look at TITLE tags when I am trying to find the URL I want. This ought to be a setting that I could control. Is there a hack into my registry, or something along those lines, so I can turn off this horrible design element.

Mozilla hasn't changed anything like that in Firefox 3.6.x versions, which is getting security patches but not any further development of new or existing features. Plus, Mozilla doesn't install anything related to Yahoo, something else probably installed that.
Please provide a screenshot of what you are talking about. <br />
https://support.mozilla.com/en-US/kb/Adding+screenshots <br />
There was a feature similar to what you are describing, that was in and out of the Firefox 4.0 betas last fall, but the 3.6 versions never had anything remotely like what your description has me visualizing.
Ate you sure that one of your add-ons isn't doing that? <br />
http://support.mozilla.com/en-US/kb/troubleshooting+extensions+and+themes

Help- check box on when the page is loaded first time have to show div tag

posted Yesterday 11:48 PM
Hi Friends,
I have a check box and the information of if it is checked or not comes from Actionform get, I want the div tag to be displayed when the jsp is first loaded and the check box is checked.
Can some one help me in sending the sample code for this.
with regards,
Bhargavi.

Hi Scott,
Declare a SessionBean variable to hold the unique key field value for that table. Set that value when the user clicks on the button. Use the value to select only that row on the next iterattion of the page in RowSet.setCommand statement.. You will want to do some conditional initialization for this page depending upon whether or not this seesion bean variable has been initialized.

Problem with Flash in a Hide/Show Div Tag

What is the best way to handle Flash files on an HTML page
within a <div> tag you hide and show (via javascript). It
seems to reload when you hide and then show the <div> tag
when using display: block.
Positioning instead (move offscreen)?
Visibility?
Other?

I would say off-screen is going to give you the best
cross-platform performance. I've found visibility show/hide
prevents the swf from working in IE while hidden much like you
alluded to. Of course in mozilla browsers hide doesn't behave the
same way.

When floating DIV tags, I am unable to center the tags? help..

I am relatively new to dreamweaver, and have only used CS4 prior to CS5.5.
I am creating a website that has three columns, the header and the links bar to all other pages centers fine. But when i try and align the DIV tags it acts as if it is glued to the left or right hand side of the screen.
I am just wondering if there is a way to align the most left of the tags to directly underneath the most left of the header and the same for the right hand side?
If anybody could help it wouyld be much appreciated.
Thanks.

First, the way you have to handle multiple columns is to wrap them in a larger div.
So you'll have a container with three divs, name them left, center, right.
So here are your styles in CSS:
#container {
          width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
          background: #FFFFFF;
          margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
          border: 1px solid #000000;
          text-align: left; /* this overrides the text-align: center on the body element. */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
          clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
#left {
          float: left; /* since this element is floated, a width must be given */
          width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
          background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
          padding: 5px; /* padding keeps the content of the div away from the edges */
          margin-top:15px;
#right {
          float: right; /* since this element is floated, a width must be given */
          width: 280px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
          background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
          padding: 5px 5px 5px 5px; /* padding keeps the content of the div away from the edges */
#center {
          margin: 0 290px 0 190px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
          padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
Now, when you put together your HTML, you'll do this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page Title goes here</title>
<link href="path/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
    header goes here
    </div>
</div>
<div id="left">
Left Content Here
</div>
<div id="right">
Rightmost Content goes here. Please note the middle section comes after the right section.
</div>
<div id="center">
This is the center stuff and you will note that it has margins that keep it to the center.
</div>
<br class="clearfloat" />
<div id="footer">
Footer stuff goes here and is as wide as the main container
</div>
</div>
</body>
</html>

How to auto adjust the height of my div tag?

This is my website www.whistleandlisten.com
The white background is a div tag and whenever I add new content within the div tag I want it to auto adjust to extend the white div tag down as the page gets longer. I have tried css and set my height to auto but that makes it disappear. Right now I have to set it to a certain amount of pixels which gets annoying and sometimes I forget to after adding lots of content. PLEASE HELP.

To have an extensible height element, you should not apply the height property as you have done starting at line 9 of songcss.css
#whitediv
position: absolute;
left: 50%;
margin-left: -490px;
top: 0px;
width: 950px;
height: 2900px;
z-index: 1;
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
color: #ffffff;
box-shadow: #ffffff;
overflow-x: visible;
overflow-y: visible;

Div tag rendering issue in GroupLayout

Hi,
In my jspx page I have div tag to contruct a box with header inside that I am showing some data.
So I have div class="planHeaderBox" in panelGroupLayout in my jspx1 page and this grouplayout will be refreshed from my bean class when ever I click on button in jspx1 page.
Issue is every time I click on the button div tage is rendering and adding the headerbox in page(multiple boxes are coming), So how do I make div tag to be executed only once and when ever I click on button
only the data should get refreshed not the div tag. Do I need to use switcher or any other way do I have?
Please provide your inputs.
Thanks in advance.

That is the reason why you shouldn't do this.
Can't you get your design using adf tags only?
Timo

DIV tags disappears in 3.1

Hi
I have a report region in which I have following defined in the "Break Formatting" section:
<br>
"Display this text when printing report sums":<br>
<div id="FinalSum"><br>
<script type="text/javascript"><br>
var lastRow=html_CascadeUpTill('FinalSum','TR');<br>
lastRow.style.backgroundColor='#CCCC99'; <br>
lastRow.style.color='red';<br>
</script><br>
Totalt Personal Antal<br>
</div><br>
<br>
This formats the last last row of the report nicely in ApEx 3.0.1. But the exact same code in ApEx 3.1 doesn't work. When I look on the generated HTML source I can see that the DIV tags including the contained SCRIPT tags are gone(!). Because of that you only see the javascript code followed by "Totalt Personal Antal" on the last row.
Is this a bug in 3.1? Does anyone have workaround proposal?
kind regards // Frederic

I solved my self ;)
There is something strange with version 3.1 that removes some tags in the report breaking sections. I solved by it with this javascript:
function setBreakStyle(p_class, p_break, p_totalbreak, p_totalbg) {
     var i, l_cell;
     var l_table = getElementsByClass(p_class)[0];// the class of the table
     for(i=0; i< l_table.rows.length; i++){
          l_cell = l_table.rows.cells[0]
          // Set styles for heading breaks
          if ( $u_SubString(l_cell.innerHTML, p_break) ) { // The cell is found
               $x_Style(l_cell, 'color', 'gray');
               $x_Style(l_cell, 'textAlign', 'right');
               $x_Style(l_cell, 'fontStyle', 'italic');
          // Set styles for page break
          if ( $u_SubString(l_cell.innerHTML, p_totalbreak) ) { // The cell is found
               $x_Style(l_table.rows[i], 'backgroundColor', p_totalbg);
               $x_Style(l_table.rows[i], 'color', 'red');

IE7 seems to "hide" text in DIV tags

Hi Guys
How can I solve this? I would like to have the text horizontally and vertically centered in the DIV-tags. It goes quite well but in Internet Explorer 7 it only shows half of the text.
How to solve this?
And an additionnal question: I would like the lowest of the three buttons to be nearly pasting to the bar you can see under it. In Internet Explorer, that goes smoothly, but in Google Chrome or Firefox there's a lot of space between the button and the bar?
Thanks!
Bob

I'm not certain what you're using now, but I would write the css code something like this...
.centered {
     font-family:verdana;
     font-size:12px;
     font-weight:bold;
     line-height:20px;
     text-align:center;
     width:150px;
     height:20px;
     background-color:purple;
     border-radius:5px;
Then the html would look like this...
<div class="centered">some text</div>
It's hard to say what's going on with yours though without a link to the actual page.

Names of DIV tags

Hi there and thanx for your help.
Just want know:
Can <div> tags (id and class) have number as name? For instance: <div id="12345">
I have a script for disjointed rollovers. The moment I name the div tags exactly as the name of the product, something like li#1234 then my script does not work, but the moment I change it to test, everything works 100%. The 7 products I need to show, all have numbers.
I will appreciate any direction in this matter.
Regards,
Deon

Excellent.
Thank you for the reply. It took me ±5 hours to have this fix.
Thanx for your help/
Deon

Design View missaligned div tags location

I am using div tags to layout my webpage and the Design view
shows the wrong alignment. Check mektronix-net.campusbizcenter.com
for the page which seems to display correctly. I am also using CSS
for formating the webpage. Is DreamWeaver having a problem with
placing the div tags in Design view? Any help will be
appreciated.

The bracketed width is the actual width as a result of what
you have put in
the div and how you have styled it. The other width is the
width you *wish*
it would be.
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
==================
"april floyd" <[email protected]> wrote in message
news:esrgd1$jji$[email protected]..
> Why in the Design View do you see a width for a DIV and
also another width
> (greater) in brackets after it.

Editable bg color in div tag

Hello,
I am trying to create an editable background color within the
div tag of the top portion of my webpage. I have a banner image and
I would like not only it, but also its associated bkgd color to be
easily changeable from page to page. So I am trying to have these
appear within an editable region (the div) of my template. It looks
like it works in design view, but when I preview it in a browser,
although the image shows up ok, the background color disappears
here is the code in question:

<div id="header" bgcolor="6999bc">
<img src="../imgs/banr_genl_6999bc.gif" alt="banner
image" width="687" height="118" />
</div>

Any suggestions?
Many thanks!
Alan

> Maybe how
> I have typed the code for this tag is where I have
erred...?
I would think so, yes.
> I think I may have found a workaround though - I created
a separate
> editable
> region in the head of the template and placed the
bgcolor reference there,
> within opening and closing style tags.. that seems to
work although its
> not
> quite as tidy.
It's actually much more tidy, and it's how you should always
do such things.
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
==================
"alan kirker" <[email protected]> wrote in
message
news:fc2402$ltt$[email protected]..
> Thanks Murray,
> That is what I would expect as well and its what I
want... however, when I
> apply the template with this code to a page, and then
test it by browsing
> it
> locally, the image appears, but the bkgd color does
not... And although
> its
> technically "editable" for the reason you point out,
changes made to the
> hex
> value still yield no color behind the image. Even when I
add the "#" or
> try
> using "background-color" instead of "bgcolor" as the
attribute name. Maybe
> how
> I have typed the code for this tag is where I have
erred...?
>
> I think I may have found a workaround though - I created
a separate
> editable
> region in the head of the template and placed the
bgcolor reference there,
> within opening and closing style tags.. that seems to
work although its
> not
> quite as tidy.
>
> many thanks for your help... if you have additional
suggestions, I am all
> ears,
> Alan
>

DIV Tags

Hi there,
for you Guru's this is probably going to be a relatively easy
question.
I'm trying to design using CSS rather than tables, however
I've run into a problem. I'm creating a site and have created a DIV
for the Header, a DIV for the Content and a DIV for the Footer. I
am trying place three boxes within the #Content DIV tag, however no
matter how I place the tags, lets call them #Box 1, #Box 2, #Box 3
using the DIV tag pop up box, the boxes don't take on the
properties of the #Content DIV tag - i.e. I've made the boxes a
height of 300px however the #Content DIV tag doesn't extend to show
the the boxes sit inside the tag itself and the boxes show 'over
hang' - whereas I want the content to be scalable. I dont want to
put a fixed height on the #Content Div tag as the in the
information in the boxes which sit inside it will differ. I've
tried a few variations but nothing is working. I've even checked
other code on a CSS site with a three column layout - however I
cannot get mine to work. Any ideas, can you shed some light and let
me know where I am going wrong? I've tried hunting the answer down
on the net but cant find a 'definitive' answer and seem to be going
around in circles! :0 so I thought I would seek help from you guys.
I want to be a 'good boy' and do web design in CSS and not
return to tables so forgive me if this is 'one of those' questions.
Many thanks.

> I thought this would of been straight forward. ;?
It's not, of course. To achieve this, you have to 'fake it'
with what are
called "faux columns". Google that term....
In addition, because floated elements are 'removed from the
flow' of the
page, they will poke through their containers - this is what
you are seeing.
To make the container wrap the floated element, you have to
clear the float
before closing the container. To see what I mean, change this
</div>
<div id="Box2">Box Two</div>
</body>
to this -
<hr
style="height:0;line-height:0;margin:0;clear:left;visibility:hidden;">
</div>
<div id="Box2">Box Two</div>
</body>
That pushes the Box2 div, which is not contained within the
div#Content,
down to where it should be (according to your code) - along
the left margin.
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
==================
"tommysauce" <[email protected]> wrote in
message
news:f2k8ot$592$[email protected]..
> Hi Murray,
> Simply put all I want to achieve is to have the #Contact
tag (container)
> and
> have 3 boxes within that tag which sit 'inside it' i.e.
I want the
> #Contact Div
> to stretch when the boxes height is increased - at the
moment the boxes
> just
> 'over hang' and aren't 'within' the #Contact Div tag. I
thought this would
> of
> been straight forward. ;?
>
> Here's an example:
>
http://www.webshapes.org/template/details/id/200704253532582428
>
> The content is contained within the #Content Div tag.
>
> So where am I going wrong?
>
> Many many thanks
>

Break shows beween the div tags

Similar Messages

Maybe you are looking for