«

Hi,
I've got a problem with a layout issue in FF. In IE everything displays
properly but in FF there's gaps in the layout and it driving me mental. i've
set margins and padding to 0 on everything.
the url is http://www.simongogerly.com/test/

Cheers

--

Paul Watt
http://www.paulwatt.info

In message <>, Paul Watt
<> writes

>I've got a problem with a layout issue in FF. In IE everything displays
>properly but in FF there's gaps in the layout and it driving me mental. i've
>set margins and padding to 0 on everything.
>the url is http://www.simongogerly.com/test/

Add this to your CSS:

img{
display: block;
}

BTW, the text is a bit difficult to read on the background. I'm not
keen on the scroll bar.

And it breaks in IE5(.5), but I think I'm the only person who worries
about that now.
--
Martin Jay

To further the education of mankind, "Paul Watt"
<> vouchsafed:

> Hi,
> I've got a problem with a layout issue in FF. In IE everything
> displays properly but in FF there's gaps in the layout and it driving
> me mental. i've set margins and padding to 0 on everything.
> the url is http://www.simongogerly.com/test/

Add line-height:0px; to the .top, .left, and .right css classes.

--
Neredbojias
Infinity can have limits.

On Tue, 18 Apr 2006 14:02:42 +0100, Paul Watt wrote:

> the url is http://www.simongogerly.com/test/

Woah! Holy eye strain, batman. I guess the "problem" as you see it is
not the incredibly difficult-to-read choice of background image or white
text, huh? Plus, it's all in Latin[1]. No one speaks Latin so much
anymore, just thought you'd like to know.





[1]Joke. I've heard of "lorem ipsum". But I've always maintained that
jokes are funnier when they are explained, so consider this the
explanation.

--
JDS | lid
| http://www.newtnotes.com
DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/

> I've got a problem with a layout issue in FF. In IE everything displays
> properly but in FF there's gaps in the layout and it driving me mental. i've
> set margins and padding to 0 on everything.
> the url is http://www.simongogerly.com/test/

Why such a rigid layout? When I expand to the full screen (1600x1200)
screen, there is just a small window for your picture, and an even
smaller window for the text therein, requiring internal scrolling which
I shouldn't need if the subwindow would just expand with the main window.

When I shrink it down (to 640x480 or so) so that I can do other work at
the same time, I need to scroll horizontally back and forth to read the
text, =and= I have to scroll vertically in my =browser= to reach the
bottom of the site, =AND= I have to scroll horizontally to reach the
internal scrollbar which I =ALSO= have to use to scroll the =text=.

And the text is hard to read against the busy background picture.

Jose
--
The price of freedom is... well... freedom.
for Email, make the obvious change in the address.

Paul Watt wrote:
>
> I've got a problem with a layout issue in FF. In IE everything displays
> properly but in FF there's gaps in the layout and it driving me mental. i've
> set margins and padding to 0 on everything.
> the url is http://www.simongogerly.com/test/
>
This persists as one of the darkest secrets of CSS.
<img> is an inline object that is treated like text so there is bottom
space allowed for a descender. This makes sense when there is text around
an image.
To remove the bottom space:
img { vertical-align: bottom; }

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

To further the education of mankind, Jim Moe
<jmm-> vouchsafed:

> Paul Watt wrote:
>>
>> I've got a problem with a layout issue in FF. In IE everything
>> displays properly but in FF there's gaps in the layout and it driving
>> me mental. i've set margins and padding to 0 on everything.
>> the url is http://www.simongogerly.com/test/
>>
> This persists as one of the darkest secrets of CSS.
> <img> is an inline object that is treated like text so there is
> bottom
> space allowed for a descender. This makes sense when there is text
> around an image.
> To remove the bottom space:
> img { vertical-align: bottom; }

Yeah, I thought so. Unfortunately, I tried "vertical-align:baseline;"
instead of ...bottom. Duh!

--
Neredbojias
Infinity can have limits.

Neredbojias wrote:
>> To remove the bottom space:
>> img { vertical-align: bottom; }
>
> Yeah, I thought so. Unfortunately, I tried "vertical-align:baseline;"
> instead of ...bottom.
>
Hah! Baseline is the default value.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Jokes ARE funnier when they're explained. You're a comedy genius! (That
came out sarcy. It's not.)

"JDS" <> wrote in message
news d...
> On Tue, 18 Apr 2006 14:02:42 +0100, Paul Watt wrote:
>
>> the url is http://www.simongogerly.com/test/
>
> Woah! Holy eye strain, batman. I guess the "problem" as you see it is
> not the incredibly difficult-to-read choice of background image or white
> text, huh? Plus, it's all in Latin[1]. No one speaks Latin so much
> anymore, just thought you'd like to know.
>
>
>
>
>
> [1]Joke. I've heard of "lorem ipsum". But I've always maintained that
> jokes are funnier when they are explained, so consider this the
> explanation.
>
> --
> JDS | lid
> | http://www.newtnotes.com
> DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/
>

To further the education of mankind, Jim Moe <jmm-list.AXSPAMGN@sohnen-
moe.com> vouchsafed:

> Neredbojias wrote:
>>> To remove the bottom space:
>>> img { vertical-align: bottom; }
>>
>> Yeah, I thought so. Unfortunately, I tried "vertical-align:baseline;"
>> instead of ...bottom.
>>
> Hah! Baseline is the default value.

Yep. A brain-fart, pure and simple.

--
Neredbojias
Infinity can have limits.