Expand to fill Browser Window?

  • I just uploaded the Trident template but I really need to figure out how to get the content of the blog to fill the browser window or at least be much wider than it is by default. I’m taking a guess at this (from the wp-layout.css file) has something to do with this?

    #main {
    float: left;
    width: 645px;
    height: 100%;
    }

Viewing 5 replies - 1 through 5 (of 5 total)

  • You can increase the 645px as you like or even change it to a percent value to make it fluid, but fluid designs can be a bit trickier to keep under control.

    Most sites are designed to fit into a 800px wide viewport, minus the chrome and vertical scrollbars, so keep that in mind IF that is how you wish to set up your site.

    Thread Starter daviddecristoforo

    (@daviddecristoforo)

    Thanx Moose. What I really want is for the center col. to be fluid and the l & r cols to be fixed with the blog expanded to fill whatever size window it’s displayed in with no bg showing. Any hope?

    thanx
    DD

    Yep, it can be done. Leave the L and R columns as a fixed width and set the content column to a % of width rather than px or em, etc.

    https://positioniseverything.net is a good spot for some detailed help with this. It also has some good links to other very good CSS information sites.

    Thread Starter daviddecristoforo

    (@daviddecristoforo)

    Well this ain’t easy when you don’t know what you’re doing! I got the blog to fill the window by changing the rap to 100%. But the right col is “fluid” while the center is fixed. How can I reverse this so that the center is fluid and the right stays put?

    Thanx
    DD

    Thread Starter daviddecristoforo

    (@daviddecristoforo)

    Man am I having a bad day. I just can’t seem to make this work. If I change the content col to a % it shrinks but is not fluid. If I set it to auto, it becomes fluid but the left col appeard below rather than on the left side. At this point I don’t have much hair left!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Expand to fill Browser Window?’ is closed to new replies.