Reply
CSS - Trouble aligning borders
Old 12-17-2004, 12:30 PM CSS - Trouble aligning borders
Webmaster Talker

Posts: 525
I have attached a ZIP of my site.

I have used CSS to create it because I was having trouble with the way browsers were showing my tables. For the most part it is a god sent and much easier to work with I find.

However, I have been designing web pages for about 2 weeks total and am therefore very new to this.

I have my pages setup in DIV's. It's hiarchy looks like this:

Code:
Page:
   Banner

   NavBar:
        SubMenu: Menus expand & contract

   Content:  Contains an overflow-y:auto;
         Main:    This is where the content goes
         RightMargin:     This is where added comments go.
NOTE: The only menu options that are linked are Home & Understand Progessiv Tax (which is in the submenu of Learning Centre).

WELL: My problem is with the Main & RightMargin borders. I have assigned a right border to Main and a left border to RightMargin, this way if either of them are longer than the content DIV the border extends all the way down.

It works beautifully (I think). But, I wanted to add text-align:justify to my Main DIV and when I do... The Index page fine but the Progressive Tax page's Main DIV expands to the right 4px.

I would like to know why this is happening. As well if it can be fixed. If not I can live with alignment of left but I would prefer justified.

Anyone that thinks they can help, Please DL my ZIP file and test.

Thanks
Zinc.
Attached Files
File Type: zip CSS Testing Layout.zip (10.4 KB, 4 views)

Last edited by zincoxide : 12-17-2004 at 12:34 PM.
zincoxide is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
     
Old 12-18-2004, 01:41 AM
faze1's Avatar
Ultra Talker

Posts: 389
Hi Zinc,

Is this site online? If so, will you post a link, I think you'll find it's easier to get help if a download isn't involved.

Cheers,
__________________
[size=2]Faze1.net - Webhosting - Focusing on quality service
faze1 is offline
Reply With Quote
View Public Profile Visit faze1's homepage!
 
Old 12-18-2004, 03:14 PM
Webmaster Talker

Posts: 525
it is now but it isn't done.


www.rsptime.ca


I think I have solved the problem but verification would be great... And I have a new problem.

First,

If you goto http://www.rsptime.ca > Learning Centre > Understanding Progressive Tax

This is where the borders weren't aligned. It was to the right of the content and to the left of the right margin Bar.


Second, (New problem)

If you goto http://www.rsptime.ca > Learning Centre > Understanding Progressive Tax

There is a box on the right side of the page to calculate income taxes. In IE it works like I want. In Opera it calculates the tax but the textarea box doesn't expand like it does in IE. In Mozilla/FireFox it doesn't work at all. If you could check this out that would be great. P.S. You have to Click Calculate tax, I don't know how to make it work when you just hit enter.


Zinc.
zincoxide is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to CSS - Trouble aligning borders
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.14310 seconds with 14 queries