|
|
Posted by dave on 04/29/07 16:31
On Apr 29, 7:09 am, "Beauregard T. Shagnasty"
<a.nony.m...@example.invalid> wrote:
> d...@seobm.com wrote:
> > I have now included Toby's example as the only link to the original
> > page so I could look more closely at it. You can see the results at
> >http://www.seobm.com/test/layout01.shtml
>
> Why are you using a table for the menu? This is more appropriately a
> list. Lots easier to maintain as well.
That was just quick and dirty. I now removed the table and used
equally ugly <br/> until I have time to go back and do it right.
> > Couple comments about Toby's CSS.
> > 1) The header doesn't use the full width of the screen.
>
> Add margin: 0; to the body { }
> Now, once you decide you don't like that, add some padding to the header
> style.
>
Ok, I did that. I don't know if I'll have any color in the final
version. The colors help me with alignment issues and such and that's
why I put them in.
> > 2) The left, center, and right are not close enough to each other. I'd
> > rather have no gaps between them and use padding inside.
>
> Different-coloured objects flush to each other look strange, imo.
>
I changed the margin from 11 to 10 and now I seem to have the
everything but the vertical difference to the header right.
> > I'd really like a footer too. :(
>
> Just before the final
> </div>
> </body>
> add:
> <div id="footer">
> <p>This is a footer. Blah blah blah.</p>
> </div>
> then style #footer to taste. Works in IE6, Firefox, Opera...
>
The header didn't span the right column following your suggestions.
Take a look at http://www.seobm.com/test/layout02.shtml to see what I
mean. Perhaps I didn't follow your instructions correctly?
> > Anybody have suggestions on how to fix my original 3 column layout
> > with header and footer or a link to one that works with ems, not
> > pixels...
>
> The only pixels I see in Toby's layout are:
> .sidebar li { margin: 0 10px 0 20px; padding: 0; }
> and it seems to work just as well with:
> .sidebar li { margin: 0 1em 0 2em; padding: 0; }
>
I'm confused. I didn't see any mention of pixels in Toby's article.
Where did you find
.sidebar li { margin: 0 10px 0 20px; padding: 0; }?
Navigation:
[Reply to this message]
|