Dreamweaver - CSS - Div dumping content when window resized

Author

CSS - Div dumping content when window resized

Maryann

2004-08-05, 7:15 pm

http://www.atlasbooks.com/marktplc/01232.htm

The page looks okay in 800x600 maximized browser window but when I change
the window size, the main content section dumps out on the div to the bottom
of the page. I know it has something to do with the banner image at the top
of the content section. Any ideas of how I can prevent this from happening?
I'd be okay with a scroll at the bottom if it keeps everything from dumping.

--
Thank You,
Maryann Myers
Web Assistant, http://www.bookmasters.com

Maryann

2004-08-05, 7:15 pm

I'm using WindowsXP, IE 6.0. It seems to only do it if I reduce my window
size under about 768 pixels.

"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:cetr5c$6j4$1@forums.macromedia.com...
> Which browser? I see nothing like this in IE6/FF0.8 on WXPPro or
IE5x/Mac.
> Furthermore, a look at the code on the page reveals nothing that would do
> this 'dumping'....
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (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
> ==================
>
> "Maryann" <mmyers@bookmasters.com> wrote in message
> news:cetqlp$5st$1@forums.macromedia.com...
change[color=darkred]
> bottom
> top
> happening?
> dumping.
>
>

Murray *TMM*

2004-08-05, 7:15 pm

UNDER! Ugh. OK - I got dumped.

#menu {
BORDER-RIGHT: #000000 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #000000 1px solid;
PADDING-LEFT: 0px;
FONT-SIZE: 100%;
FLOAT: left;
PADDING-BOTTOM: 1em;
MARGIN: 0px;
WIDTH: 10em;
PADDING-TOP: 0px;
POSITION: static;
HEIGHT: auto;
BACKGROUND-COLOR: #d0a0ff
}

#content {
PADDING-RIGHT: 5px;
BORDER-TOP: #000000 1px solid;
PADDING-LEFT: 5px;
BACKGROUND: #ccccff;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 0px 10em;
WIDTH: 601px;
PADDING-TOP: 5px
}

Now, I'm just guessing, but I'd say that the dump occurs at precisely
601px+10em. This seems a strange way to size that menu division since it
will get wider or narrower as you change the browser's text display. The
problem, of course, is that the viewport becomes too narrow to display those
two elements side-by-side, and so it dumps the content one (since it is not
positioned). I'm afraid you are going to have to live with this although
you could choose a more tolerant width for the menu division.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(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
==================

"Maryann" <mmyers@bookmasters.com> wrote in message
news:cetrfr$75f$1@forums.macromedia.com...
> I'm using WindowsXP, IE 6.0. It seems to only do it if I reduce my window
> size under about 768 pixels.
>
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
> news:cetr5c$6j4$1@forums.macromedia.com...
> IE5x/Mac.
do[color=darkred]
> change
the[color=darkred]
>
>

Maryann

2004-08-05, 7:15 pm

I was afraid of that. What width would you suggest for the menu div?

"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:cetrua$7kq$1@forums.macromedia.com...
> UNDER! Ugh. OK - I got dumped.
>
> #menu {
> BORDER-RIGHT: #000000 1px solid;
> PADDING-RIGHT: 0px;
> BORDER-TOP: #000000 1px solid;
> PADDING-LEFT: 0px;
> FONT-SIZE: 100%;
> FLOAT: left;
> PADDING-BOTTOM: 1em;
> MARGIN: 0px;
> WIDTH: 10em;
> PADDING-TOP: 0px;
> POSITION: static;
> HEIGHT: auto;
> BACKGROUND-COLOR: #d0a0ff
> }
>
> #content {
> PADDING-RIGHT: 5px;
> BORDER-TOP: #000000 1px solid;
> PADDING-LEFT: 5px;
> BACKGROUND: #ccccff;
> PADDING-BOTTOM: 0px;
> MARGIN: 0px 0px 0px 10em;
> WIDTH: 601px;
> PADDING-TOP: 5px
> }
>
> Now, I'm just guessing, but I'd say that the dump occurs at precisely
> 601px+10em. This seems a strange way to size that menu division since it
> will get wider or narrower as you change the browser's text display. The
> problem, of course, is that the viewport becomes too narrow to display
those
> two elements side-by-side, and so it dumps the content one (since it is
not
> positioned). I'm afraid you are going to have to live with this although
> you could choose a more tolerant width for the menu division.
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (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
> ==================
>
> "Maryann" <mmyers@bookmasters.com> wrote in message
> news:cetrfr$75f$1@forums.macromedia.com...
window[color=darkred]
> do
the[color=darkred]
> the
>
>

Murray *TMM*

2004-08-05, 7:15 pm

Off the top of my head, 160px. But this will still dump your content
division when the viewport is less than 761px.

You could try making that content division absolutely positioned....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(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
==================

"Maryann" <mmyers@bookmasters.com> wrote in message
news:cets3k$7ps$1@forums.macromedia.com...
> I was afraid of that. What width would you suggest for the menu div?
>
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
> news:cetrua$7kq$1@forums.macromedia.com...
it[color=darkred]
The[color=darkred]
> those
> not
although[color=darkred]
> window
would[color=darkred]
Technotes[color=darkred]
> the
at[color=darkred]
from[color=darkred]
>
>

Murray *TMM*

2004-08-05, 7:15 pm

Me too (no sarcasm at all - sheer passion!) 8)

I'm glad that helped....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(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
==================

"Maryann" <mmyers@bookmasters.com> wrote in message
news:ceu0ps$d7r$1@forums.macromedia.com...
> Thanks!! Once i set the #menu absolutely positioned and 0px left, it
> worked. Gawd, I love CSS. (sense the sarcasm)
>
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
> news:cetsct$832$1@forums.macromedia.com...
precisely[color=darkred]
since[color=darkred]
display[color=darkred]
> is
Technotes[color=darkred]
my[color=darkred]
or[color=darkred]
when[color=darkred]
> I
> to
> image
> from
>
>

Maryann

2004-08-05, 7:15 pm

Thanks!! Once i set the #menu absolutely positioned and 0px left, it
worked. Gawd, I love CSS. (sense the sarcasm)

"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:cetsct$832$1@forums.macromedia.com...
> Off the top of my head, 160px. But this will still dump your content
> division when the viewport is less than 761px.
>
> You could try making that content division absolutely positioned....
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (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
> ==================
>
> "Maryann" <mmyers@bookmasters.com> wrote in message
> news:cets3k$7ps$1@forums.macromedia.com...
> it
> The
is[color=darkred]
> although
> would
> Technotes
I[color=darkred]
to[color=darkred]
image[color=darkred]
> at
from[color=darkred]
> from
>
>