4.2 column width

balinor · #11 01-20-2009, 09:39 AM

Always safer to comment out - you may want/need it later. Just be sure to use smarty comments and not html comments. I.E.

{* Commented out code *}

GreatLakesVacuum · #12 01-20-2009, 10:16 AM

Ryan,

Thank you so much for your help, I have a LOT of things working much better now.

However, I have some issues with widening my left column... what part of the "main column" am I suppossed to change? Right now my page is too wide for my screen because I increased the left column by 20px.

Also on fancy categories, the main.css is very hard to understand, what part do I change to make the "floating box" start the 20px further to the right?

EDIT: Fancy Cat problem solved, I figured it out

EDIT2: Ok that seemed to change problem #1 a bit ... now basically my "main column" text just starts too far to the left, the page no longer does not fit on the screen...

GreatLakesVacuum · #13 01-20-2009, 10:26 AM

Haha, ok I need to try things before posting, *sigh* I fixed most of the problem, all works good except for the homepage where the speedbar goes too far to the right???

GreatLakesVacuum · #14 01-20-2009, 10:33 AM

My speedbar was too long basically, by enlarging the width % in main.css it fits, but this made me decide to look at it on smaller monitors and it was bad, so I will change my mind about how to organize my info to use less buttons.

balinor · #15 01-20-2009, 10:36 AM

Just remember, you can't really go any wider than 1000 so that the site fits without scrolling on a 1024x768 display. I usually recommend 975 just to give a little extra room in case they don't have the browser maximized, scrollbar, etc.

GreatLakesVacuum · #16 01-20-2009, 11:17 AM

Yeah, that sounds about right.

I am still having some odd quirks with my page width though, its like it is too wide by the width of the scrollbar but only on the homepage and only until you click something??

If I have the right-bar completely turned off, should I set its width to 0px in main.css just to give the room up for everything else? What would you recommend?

GreatLakesVacuum · #17 01-20-2009, 11:23 AM

Ugh it was the stupid #header .line1 .logo a img { width

I had redesigned my logo to allow the tabs to go above it so that I wouldn't cause ugly overlap issues on 1024x768, and had naturally changed the image width in the main.css to correspond to my new image size.

Are there any major drawbacks to removing the width tag? The page seems to look fine without it.

GreatLakesVacuum · #18 01-20-2009, 11:33 AM

Fixed all above issues, but I have a new one...

My "line3" text ... which is the breadcrumbs I think, its not clickable, isn't it supposed to be?

balinor · #19 01-20-2009, 11:42 AM

Make sure you didn't overlap the breadcrumbs with another <div>. That can happen if you increase the header div to be too large

GreatLakesVacuum · #20 01-20-2009, 11:51 AM

Quote:

Originally Posted by balinor

Make sure you didn't overlap the breadcrumbs with another <div>. That can happen if you increase the header div to be too large

I had changed the .printable-bar top margin (increased it from 6px to 10px) but I put it back and that didn't fix it.

My new logo is 75px tall instead of 67 ... could that be the cause? I tried removing the height attribute of 75px from #header .line1 .logo a img but that didn't fix it either... perhaps the actual image is causing it?

What do you think?

EDIT: I changed the height attibute back to 67 (ruining my logo of course) as a test and it did not move anything up at all, so I think something else is causing it here...