Take the Dimentions as u requried and In the Content Place Holder Place a division with style overflow:auto sothat on over flow the division Scrolls up and down
Brother, your monitor or LCD vary with mine. Pixel on yours is not the same as mine! Browsers vary in pixels too. You can see a side bar in Opera but not in Chrome or Internet Explorer.
Similarly the pixels you are giving. Would somehow be good for a user with same LCD but one with widescreen will have problem viewing content.
For creating better UIs. You must use percentage.
I am having a look at your image and that be fixed if you use percentage. Because pixels will be filles no matter what the zoom level is. But the percents would never be fixed! They will change according to the user zoom level. Try out this
left {
width: 10%
}
middle {
width: fill-available;
}
right {
width: 10%;
}
This will be perfect for your work!
Note: Browser will never stop the user from creating it self shorter or narrower! So usage of percentage is best option.
Sorry for less reply.
Here
var width = screen.width;
var height = screen.height;
// Now you can change the layout depending on this.
if (widht < 1000px || height < 500px) {
// Best method would be to change the whole layout.
Layout = "~/_LayoutShortPage.cshtml";
} else {
Layout = "~/_FullLayout.cshtml";
}
// This would help you to show or hide the scroll bars.
Please "Marks As Answer" if any answer helped you out!
~~! FIREWALL !~~
marinac
Member
156 Points
148 Posts
Css div position
Jan 25, 2013 10:19 AM|LINK
How to make my master page looks like this ( see the image below ).
Width off the whole must not be below: 1000px; and height: 500px; On the middle is scrollbar.
If one tries to minimize with mouse page below: 1000px and height: 500px; show horisontal scrollbar, not alow wrap div.
Sorry for bad Englis.
shanmugamm
Participant
1618 Points
320 Posts
Re: Css div position
Jan 25, 2013 11:02 AM|LINK
Check this article
http://www.adobe.com/devnet/dreamweaver/articles/css_page_layout_basics.html
http://shanmugam-netguru.blogspot.com
Follow me in Linkedin
marinac
Member
156 Points
148 Posts
Re: Css div position
Jan 26, 2013 10:39 PM|LINK
After a few days of unsuccessfully trying think it is not possible do that...
roopeshreddy
All-Star
20155 Points
3328 Posts
Re: Css div position
Jan 27, 2013 04:01 AM|LINK
Hi,
Excellent website for CSS Layouts - http://learnlayout.com/toc.html
Hope it helps u...
Roopesh Reddy C
Roopesh's Space
Chintalas
Member
40 Points
16 Posts
Re: Css div position
Jan 27, 2013 05:44 AM|LINK
Take the Dimentions as u requried and In the Content Place Holder Place a division with style overflow:auto sothat on over flow the division Scrolls up and down
Afzaal.Ahmad...
Contributor
2661 Points
1040 Posts
Re: Css div position
Jan 27, 2013 09:34 AM|LINK
Brother, your monitor or LCD vary with mine. Pixel on yours is not the same as mine! Browsers vary in pixels too. You can see a side bar in Opera but not in Chrome or Internet Explorer.
Similarly the pixels you are giving. Would somehow be good for a user with same LCD but one with widescreen will have problem viewing content.
For creating better UIs. You must use percentage.
I am having a look at your image and that be fixed if you use percentage. Because pixels will be filles no matter what the zoom level is. But the percents would never be fixed! They will change according to the user zoom level. Try out this
left { width: 10% } middle { width: fill-available; } right { width: 10%; }This will be perfect for your work!
Note: Browser will never stop the user from creating it self shorter or narrower! So usage of percentage is best option.
Sorry for less reply.
Here
var width = screen.width; var height = screen.height; // Now you can change the layout depending on this. if (widht < 1000px || height < 500px) { // Best method would be to change the whole layout. Layout = "~/_LayoutShortPage.cshtml"; } else { Layout = "~/_FullLayout.cshtml"; } // This would help you to show or hide the scroll bars.~~! FIREWALL !~~
senior_oracl...
Member
30 Points
163 Posts
Re: Css div position
Jan 27, 2013 09:42 AM|LINK
marinac
Member
156 Points
148 Posts
Re: Css div position
Jan 28, 2013 08:45 AM|LINK
Thanks to all, but a few days later I quit attempt...