Previous Message
Next Message

Re: [css-d] margins and borders!!

Sent by Big John on 18 May 2002 22:10


--- maria [EMAIL-REMOVED]> wrote:

<http://www.spaceshapes.com/pilatespeople/pp_personal.html>

> I had put a border in ems round the body - that sort of 
> frames the page but with white margin outside of it, so 
> that the little logo near the top crosses through the 
> border on the left - so that the border appears to run
> out of the top and the bottom of the logo.

Like Egor says, You need to wrap the page in a div with the 
body styles applied to it instead. However, due to a variance
between IE and other browsers, the top margin on that div 
should be transfered to 'body', else the logo will cover 
different parts of the page in different browsers.

> In the same manner, the images should have a white 
> margin between the image and the border. But on a pc 
> all of this margin has vanished. The body border
> is right out at the edge of the page and the borders 
> around the images are directly round the images!

Egor suggests using padding on the <img>s, but in IE6/win98 this 
does not work. Instead, wrap the images in divs, and apply all 
style to them. Beware: those divs must enclose only the <img>s, 
and nothing else. Not even spaces, or the border won't evenly 
surround the image. 

As Caio suggests, a strict doctype should be used, altho in this
case it makes only a minor difference.

Finally, I noticed that the top menu has trouble at 800x600.
Each link is in a <td>, and at that res. each link is seperately
wrapping.  :-O  (very ugly indeed!) 

Fortunately the fix involves dumping the table. (huzzah!) 
Just leave the links inline, wrap them in a div, and give it a 
bottom border, plus 'text-align:center'. There's one wrinkle; 
the browser may break thru the middle of a link unless the 
spaces inside the links are replaced by '&nbsp;'. Also, any 
hyphens may break, so use '&minus;' instead.

I know, that's not correct markup, but I found that '&#8209;' 
(non-breaking hyphen) does not work in Op6/Win. Character ref:
<http://www.alistapart.com/stories/emen/>

I have put up a modified version of your page at:
<http://users.rraz.net/mc_on_the_rocks/testpage/pp_personal.html>
Styles at:
<http://users.rraz.net/mc_on_the_rocks/testpage/pilates2.css>

One last thing; there is a VERY bizarre Win/OS bug associated 
with your menu links in Win98 (all browsers). I shall post on this
seperately.  
Big John


=====
"What the world needs is a good bug ring"--Big John
<http://users.rraz.net/mc_on_the_rocks/testpage/pie.html>

__________________________________________________
Do You Yahoo!?
LAUNCH - Your Yahoo! Music Experience
http://launch.yahoo.com
Previous Message
Next Message

Message thread: