|
|
Rank: Member
Groups: Member
Joined: 7/13/2011
Posts: 13
|
100% width of eo:splitter is 2 pixels wider than 100% width of Toolbar and Menu Set a 1 pixel wide border to the three standard items, and while the LH borders align, the rh border steps out 2 pixes when it hits the splitter trivial, but does not look very professional... 
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
I believe this is normal. 100% excludes borders and paddings. You will see the same problem with a single DIV instead of a Splitter control as long as you have borders and paddings on the DIV. This is a rather annoying aspect of the HTML standard regarding width/height.
Thanks
|
|
Rank: Member
Groups: Member
Joined: 7/13/2011
Posts: 13
|
ok, that changes the question...
How do I line up the RH border of a DIV (or a splitter control) with that of a menu and toolbar?
Thanks
Brian
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
There isn't really any fixed rule for this. It ultimately comes down whether 100% works for you or not. If you have two DIVs both at 100% and the same border settings, they will align to each other. Otherwise you will have to use other tricks to make up the difference. For example, if you want one DIV having border and another one not having borders, then you can actually apply a border to the one that you do not wish to have borders, but use the same color for border as for the background. That way logically it has borders but visually it doesn't. Other methods including using script to automatically adjust size based on window size and border settings. It can get quite messy.
Thanks
|
|
Rank: Member
Groups: Member
Joined: 7/13/2011
Posts: 13
|
But that is the point. The three controls are all in the one div - but dont line up
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
I think you misunderstood my previous reply. I am talking about children nodes with different border settings. Not the parent node. When you have multiple children nodes with 100% width, they will NOT line up if their border/paddings are not the same.
You may want to search for 100% width and borders online about this. This is a quite generic HTML issues and it really doesn't have anything to do with us. So this is as far as we go on this topic.
Thanks
|
|