Part of the EllisLab Network
pMachine Pro has been replaced by ExpressionEngine, our full featured web publishing solution. Please consider upgrading.
You can download pMachine Pro here: Download pMachine Pro  |  Download Language Packs
   
 
Content Dropping Below Nav. Menu
Posted: 02 July 2006 12:08 PM   [ Ignore ]  
Lab Assistant
Avatar
RankRank
Total Posts:  259
Joined  2005-12-21

I’m running pMachine Pro 2.4.  I am using the default layout with the navigation menu on the left.  For some reason, once content is added to the page and the window is resized, the content drops below the left-hand navigation menu.

This is also a problem with smaller screen resolutions.  Try it www.usm.edu/band/music/weblog.phpIs there a way I can make the “content” holder to just wrap to the window and not drop below the navigation menu? I’m thinking it’s done in the css style sheet, but I’m not sure how.  Any suggestions?

 Signature 

EE v. 1.6.4

Profile
 
 
Posted: 05 July 2006 12:50 PM   [ Ignore ]   [ # 1 ]  
Moderator
Avatar
RankRankRankRank
Total Posts:  2182
Joined  2002-12-06

How much of your traffic uses low-res monitors?

For a more scaleable layout you’re looking at a complete redesign.  See http://www.cssliquid.com/ for more about the type of design you’re after.

 Signature 

Train-ee.com - Hosting the 1st EE Classroom Training Sept. 9-12 in Holland, MI USA. Register Now!

Profile
 
 
Posted: 08 July 2006 02:09 PM   [ Ignore ]   [ # 2 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  259
Joined  2005-12-21

I still can’t seem to find what I’m looking for.  Maybe I used incorrect wording in the earlier post.  Rather than scrolling the text when the browser window is resized, I want the web page to remain the same size (giving me a scroll bar at the bottom of the window).  I don’t want any of the content on the page to actually resize…

This is the style I currently have set.

#menu {
font: 11px/12px verdana, trebuchet, sans-serif;
padding-right: 10px;
text-align: right;
color: #999999;
padding-bottom: 30px;
border-right: 1px dotted #999;
; clip:        rect(   ); width: 200px; float: left; border-color: white #ffffff black black; margin-right: 10px; border-right-width: 1px}
#content {
text-align: left;
margin-left: 205px;
margin-bottom: 60px;
padding-left: 10px;
voice-family: "\"; clip:               rect(   ); border-color: black #ffffff; float: left; margin-right: 20px; border-left-width: 10px}\"";
voice-family: inherit;
width: 480px;
}
body
>#content {
width: 375px;
}

I have no idea why

voice-family: "\"; clip:               rect(   ); border-color: black #ffffff; float: left; margin-right: 20px; border-left-width: 10px}\"";


is there, nor do I know why

body>#content {
width: 375px;
}

is there…

Any help is greatly needed and appreciated.

 Signature 

EE v. 1.6.4

Profile
 
 
Posted: 08 July 2006 02:57 PM   [ Ignore ]   [ # 3 ]  
Moderator
Avatar
RankRankRankRank
Total Posts:  2182
Joined  2002-12-06

IMHO (and based on feedback/research/opinion from the usability crowd) horizontal scrolling is the least desireable way to handle small resolution users hitting your site: Link >>

But - in general you can accomplish that with columns that are fixed rather than floated.

 Signature 

Train-ee.com - Hosting the 1st EE Classroom Training Sept. 9-12 in Holland, MI USA. Register Now!

Profile
 
 
   
 
 
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
Visitor Statistics
The most visitors ever was 233, on December 18, 2007 12:04 AM
Total Registered Members: 60971 Total Logged-in Users: 0
Total Topics: 73683 Total Anonymous Users: 0
Total Replies: 397485 Total Guests: 26
Total Posts: 471168    
Members ( View Memberlist )
Active Members: