 | |
CSS - Div dumping content when window resized
Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)
 |
| | Thread Tools | Display Modes |
#1
 
| |||
| |||
|
CSS - Div dumping content when window resized -
08-05-2004
, 01:27 PM
#2
| |||
| |||
|
|
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 (AT) bookmasters (DOT) com> wrote in message news:cetqlp$5st$1 (AT) forums (DOT) macromedia.com... 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 |
#3
| |||
| |||
|
|
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 (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cetr5c$6j4$1 (AT) forums (DOT) 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 (AT) bookmasters (DOT) com> wrote in message news:cetqlp$5st$1 (AT) forums (DOT) macromedia.com... 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 |
#4
| |||
| |||
|
|
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 (AT) bookmasters (DOT) com> wrote in message news:cetrfr$75f$1 (AT) forums (DOT) 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 (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cetr5c$6j4$1 (AT) forums (DOT) 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 (AT) bookmasters (DOT) com> wrote in message news:cetqlp$5st$1 (AT) forums (DOT) macromedia.com... 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 |
#5
| |||
| |||
|
|
I was afraid of that. What width would you suggest for the menu div? "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cetrua$7kq$1 (AT) forums (DOT) 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 (AT) bookmasters (DOT) com> wrote in message news:cetrfr$75f$1 (AT) forums (DOT) 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 (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cetr5c$6j4$1 (AT) forums (DOT) 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 (AT) bookmasters (DOT) com> wrote in message news:cetqlp$5st$1 (AT) forums (DOT) macromedia.com... 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 |
#6
| |||
| |||
|
|
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 (AT) bookmasters (DOT) com> wrote in message news:cets3k$7ps$1 (AT) forums (DOT) macromedia.com... I was afraid of that. What width would you suggest for the menu div? "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cetrua$7kq$1 (AT) forums (DOT) 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 (AT) bookmasters (DOT) com> wrote in message news:cetrfr$75f$1 (AT) forums (DOT) 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 (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cetr5c$6j4$1 (AT) forums (DOT) 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 (AT) bookmasters (DOT) com> wrote in message news:cetqlp$5st$1 (AT) forums (DOT) macromedia.com... 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 |
#7
| |||
| |||
|
|
Thanks!! Once i set the #menu absolutely positioned and 0px left, it worked. Gawd, I love CSS. (sense the sarcasm) "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cetsct$832$1 (AT) forums (DOT) 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 (AT) bookmasters (DOT) com> wrote in message news:cets3k$7ps$1 (AT) forums (DOT) macromedia.com... I was afraid of that. What width would you suggest for the menu div? "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cetrua$7kq$1 (AT) forums (DOT) 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 (AT) bookmasters (DOT) com> wrote in message news:cetrfr$75f$1 (AT) forums (DOT) 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 (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:cetr5c$6j4$1 (AT) forums (DOT) 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 (AT) bookmasters (DOT) com> wrote in message news:cetqlp$5st$1 (AT) forums (DOT) macromedia.com... 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 |
|
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.