Site Layout Problems

Ben Solwitz

I am having some layout troubles with my site in IE6 and FireFox. The
site is located at http://www.wickliffe.lib.oh.us/New/home.htm The top
and bottom images in the link box in the upper right have space above
and below them that I don't know how to get rid of. The page appears
correctly in Opera, and yes, it validates as HTML 4.01 Strict. Any
suggestions would be appreciated.

Jul 20 '05 #1

brucie

in post: <news:e3*************************@posting.google.c om>
Ben Solwitz <ba*****@cs.rit.edu> said:

I am having some layout troubles with my site in IE6 and FireFox.
and opera7.5, moz 1.6
http://www.wickliffe.lib.oh.us/New/home.htm The top and bottom images
in the link box in the upper right have space above and below them
that I don't know how to get rid of.
remove the spacer images (which you shouldn't be using anyway, use css).
it validates as HTML 4.01 Strict.

it may be valid but your markup seems a little confused. why the '/>' ?

--
b r u c i e

Jul 20 '05 #2

Ben Solwitz

I upgraded my version of Opera from 7.23 to 7.5, now it looks
incorrect in Opera as well. IE6, FF, and Opera 7.5 all render the
same.

Jul 20 '05 #3

Brian

Ben Solwitz wrote:

I upgraded my version of Opera from 7.23 to 7.5, now it looks
incorrect in Opera as well.

What is this "it" that looks the same? You didn't quote any of the message.

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/

Jul 20 '05 #4

Ben Solwitz

The whole page looks the same. The problem I described in the first
post now applies to Opera 7.5, IE6, and FireFox.

Jul 20 '05 #5

Ben Solwitz

> remove the spacer images (which you shouldn't be using anyway, use css).

They're not really spacers, they're part of the border for the box.

it validates as HTML 4.01 Strict.

it may be valid but your markup seems a little confused. why the '/>' ?

Guess I'm getting XHTML and HTML 4.01 mixed up.

Jul 20 '05 #6

brucie

in post: <news:40********@buckaroo.cs.rit.edu>
Ben Solwitz <ba*****@nospam.cs.rit.edu> said:

remove the spacer images (which you shouldn't be using anyway, use css).

They're not really spacers, they're part of the border for the box.

whatever they are thats why you're getting the spaces you don't want.

--
b r u c i e

Jul 20 '05 #7

Ben Solwitz

> whatever they are thats why you're getting the spaces you don't want.

Yeah I can see that they aren't lining up correctly, that's what I'm trying
to fix. They are part of the border of the box and I want them to line up
with the edges of the div but I can't get them to. Removing them is not an
option, they are part of the border.

Jul 20 '05 #8

Ben Solwitz

Just had to mess with the vertical-align attribute, works like a charm. :D

Jul 20 '05 #9

Karl Groves

"Ben Solwitz" <ba*****@cs.rit.edu> wrote in message
news:e3*************************@posting.google.co m...

The whole page looks the same. The problem I described in the first
post now applies to Opera 7.5, IE6, and FireFox.

Who are you talking to?

-Karl

Jul 20 '05 #10