Images breaking div

Hi,

I am working on a page:

http://www.andrews-corner.org/test/

and I am having a little trouble with the footer div in that the images will
break the div with high display settings. Am I going about
this the right way?

I realise that it may seem a little inflammatory to have the W3C icons
in place but these have been requested. My aplogies in advance :-)

Andrew
--
http://www.andrews-corner.org

Beauregard T. Shagnasty

Guest

n/a Posts

June 27th, 2008
07:19 PM
#2

Re: Images breaking div

andrew wrote:

Quote:

Originally Posted by

http://www.andrews-corner.org/test/
>
and I am having a little trouble with the footer div in that the
images will break the div with high display settings. Am I going
about this the right way?

What exactly do you mean by "high display settings?"

The footer (and the page) looks fine to me.
Ubuntu, Firefox 3.0b5, Opera 9.27

--
-bts
-Friends don't let friends drive Windows

dorayme

Guest

n/a Posts

June 27th, 2008
07:19 PM
#3

Re: Images breaking div

In article <20080605124917.680@ilium.andrews-corner.org>,
andrew <andrew@ilium.invalidwrote:

Quote:

Originally Posted by

Hi,
>
I am working on a page:
>
http://www.andrews-corner.org/test/
>
and I am having a little trouble with the footer div in that the images will
break the div with high display settings. Am I going about
this the right way?
>
I realise that it may seem a little inflammatory to have the W3C icons
in place but these have been requested. My aplogies in advance :-)
>

Hi Andrew,

Add overflow: hidden; on your #footer. You might need a simple clearing
div for IE6.

This fixes for modern browsers:

<div id="footer" style="overflow: hidden;">

--
dorayme

dorayme

Guest

n/a Posts

June 27th, 2008
07:19 PM
#4

Re: Images breaking div

In article <48475ba7$0$20179$4c368faf@roadrunner.com>,
"Beauregard T. Shagnasty" <a.nony.mous@example.invalidwrote:

Quote:

Originally Posted by

andrew wrote:
>

Quote:

Originally Posted by

http://www.andrews-corner.org/test/

and I am having a little trouble with the footer div in that the
images will break the div with high display settings. Am I going
about this the right way?

>
What exactly do you mean by "high display settings?"
>
The footer (and the page) looks fine to me.
Ubuntu, Firefox 3.0b5, Opera 9.27

You can see what he means if you make the text size real small! <g>

--
dorayme

andrew

Guest

n/a Posts

June 27th, 2008
07:19 PM
#5

Re: Images breaking div

On 2008-06-05, dorayme <doraymeRidThis@optusnet.com.auwrote:

Quote:

Originally Posted by

Add overflow: hidden; on your #footer. You might need a simple clearing
div for IE6.
>
This fixes for modern browsers:
>
><div id="footer" style="overflow: hidden;">

That fixes the problem nicely, thank you very much!

Andrew
--
http://www.andrews-corner.org

Beauregard T. Shagnasty

Guest

n/a Posts

June 27th, 2008
07:19 PM
#6

Re: Images breaking div

dorayme wrote:

Quote:

Originally Posted by

"Beauregard T. Shagnasty" <a.nony.mous@example.invalidwrote:
>

Quote:

Originally Posted by

>andrew wrote:
>>

Quote:

Originally Posted by

>>http://www.andrews-corner.org/test/
>>>
>>and I am having a little trouble with the footer div in that the
>>images will break the div with high display settings. Am I going
>>about this the right way?

>>
>What exactly do you mean by "high display settings?"
>>
>The footer (and the page) looks fine to me. Ubuntu, Firefox 3.0b5,
>Opera 9.27

>
You can see what he means if you make the text size real small! <g>

Real small... who'da thunk it? Well, by now he must have fixed
whatever was happening, as going so small as to have the whole page
taking up a mere two-inch square, the footer doesn't do anything odd.

--
-bts
-Friends don't let friends drive Windows

dorayme

Guest

n/a Posts

June 27th, 2008
07:19 PM
#7

Re: Images breaking div

In article <4847d70e$0$7053$4c368faf@roadrunner.com>,
"Beauregard T. Shagnasty" <a.nony.mous@example.invalidwrote:

Quote:

Originally Posted by

dorayme wrote:
>

Quote:

Originally Posted by

"Beauregard T. Shagnasty" <a.nony.mous@example.invalidwrote:

Quote:

Originally Posted by

andrew wrote:
>
>http://www.andrews-corner.org/test/
>>
>and I am having a little trouble with the footer div in that the
>images will break the div with high display settings. Am I going
>about this the right way?
>
What exactly do you mean by "high display settings?"
>
The footer (and the page) looks fine to me. Ubuntu, Firefox 3.0b5,
Opera 9.27

You can see what he means if you make the text size real small! <g>

>
Real small... who'da thunk it? Well, by now he must have fixed
whatever was happening, as going so small as to have the whole page
taking up a mere two-inch square, the footer doesn't do anything odd.

Read the fix I gave him. There is no need to go to such smallness to see
the problem, the icons overflow the big wrapper border at some browser
settings.

--
dorayme