Previous Message
Next Message

Re: [css-d] 3 col layout from noodle (revised)

Sent by Tom Dell'Aringa on 30 July 2002 16:04


--- Owen Briggs [EMAIL-REMOVED]> wrote:
> >However, my IE6 (Win 98 SE) shows a horizontal scrollbar 

> that's neat.
> 
> win 5, 5.5, and 6 all do it.
> 
> the central box is being expanded by the PRE text, as is 
> winie's wont with overflow, while the absolute side column 
> on the right is placed correctly in relation to the viewport.
> 
> but it looks like winie is also reserving full space for that 
> column to the right of the center box, in terms of the 
> canvas.
> 
> whee. i love that browser.
> 
> anyhow, the idea of the layout is it tries to be fluid by having 
> a main central box that's fluid. what i prefer to call an 
> accordian layout. it's fine unless you use large fixed width 
> content. then you're going to run into trouble at smaller 
> window sizes with any browser.
> 
> the useless scrollbar we're seeing in this instance is just 
> gravy on that situation.

I thought something was wierd, because it seems like a really
flexible layout and verys similar to the BlueRobot one. This one
should work which is my current version:

http://www.pixelmech.com/3col_pm.html

The one question I have (for Owen or whoever). The end of the one IE5
fudge:

html>body #middle {
	margin-top: 0px; /* ie5win fudge ends */
	}

Does it have to be 0px? Reason I ask: I had to make a class called
"top" (see the url) so my header wouldn't be bumped up and off the
page a bit (an h3). Just starting with a P is fine of course, because
the P style says:

p {
font-size: 12px;
line-height: 22px;
margin-top: 20px;
margin-bottom: 10px; 
}

I just wondered if there was a better way than making the class. I
will use this as one of my blog pages, so the first item in the
#middle will be some header, not a para.

Anyway, thanks Owen for the layout - its exactly what I wanted. 

Tom



=====
var me = tom.pixelmech.webDeveloper();

http://www.pixelmech.com/
http://www.maccaws.com/
[Making A Commercial Case for Adopting Web Standards]

__________________________________________________
Do You Yahoo!?
Yahoo! Health - Feel better, live better
http://health.yahoo.com
Previous Message
Next Message

Message thread: