473,562 Members | 2,598 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

floated image breaks through containing box

I have a floated image and some paragraph text in a fluid box. It works
beautifully, but only when the text extends beyond the image.

Could someone take a look at my source please and tell me how I can 'fix'
the second box.

http://www.stayintheknow.info/index-test.html

There's a slightly different outcome on FF and IE(7).

thanks in advance
t
Aug 20 '07 #1
14 1819
tezza wrote:
I have a floated image and some paragraph text in a fluid box. It works
beautifully, but only when the text extends beyond the image.

Could someone take a look at my source please and tell me how I can 'fix'
the second box.

http://www.stayintheknow.info/index-test.html

There's a slightly different outcome on FF and IE(7).
Floats are supposed to do that, they are not contained with a parent
with normal flow. your could add "overflow: hidden;" to .box-inner, but
MSIE will not cooperate. The other option is to place after your last P
in DIV.box-inner a block that clears to the left. Look up 'clear'
property...
--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Aug 21 '07 #2
In article <11************ ****@damia.uk.c lara.net>,
"tezza" <te***@home.now wrote:
I have a floated image and some paragraph text in a fluid box. It works
beautifully, but only when the text extends beyond the image.

Could someone take a look at my source please and tell me how I can 'fix'
the second box.

http://www.stayintheknow.info/index-test.html
Did you look at overflow: hidden; on .box-outer? This makes it
behave better in Safari at least.

--
dorayme
Aug 21 '07 #3
dorayme wrote:
In article <11************ ****@damia.uk.c lara.net>,
"tezza" <te***@home.now wrote:
>I have a floated image and some paragraph text in a fluid box. It works
beautifully, but only when the text extends beyond the image.

Could someone take a look at my source please and tell me how I can 'fix'
the second box.

http://www.stayintheknow.info/index-test.html

Did you look at overflow: hidden; on .box-outer? This makes it
behave better in Safari at least.
Maybe for the 2% but as I said don't look for it to work for MSIE...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Aug 21 '07 #4
In article <6a************ *************** @NAXS.COM>,
"Jonathan N. Little" <lw*****@centra lva.netwrote:
dorayme wrote:
In article <11************ ****@damia.uk.c lara.net>,
"tezza" <te***@home.now wrote:
I have a floated image and some paragraph text in a fluid box. It works
beautifully, but only when the text extends beyond the image.

Could someone take a look at my source please and tell me how I can 'fix'
the second box.

http://www.stayintheknow.info/index-test.html
Did you look at overflow: hidden; on .box-outer? This makes it
behave better in Safari at least.

Maybe for the 2% but as I said don't look for it to work for MSIE...
Yes, I had a premonition about this, why I was careful to
qualify. And, yes, I soon after read your post.

Anyway, Jonathan, I thought of you on Sunday. Buggered if I could
get my dial-up working on my Win2000 box. It refuses to work
since the apache server was activated, since I put in an extra
hard drive, since I put in an ethernet card. See how many factors
are building up here?

I gave up and just use the internal server on it and usb memory
stick things across from my Mac (which is on broadband). All to
look at IE 6.

Don't suppose you would get on a plane and come over and sort all
this networking business out for me and get a beer or two for
your efforts and then piss off back? Won't take you long.

Nah, didn't think you would jump at it...

--
dorayme
Aug 21 '07 #5
dorayme wrote:
In article <6a************ *************** @NAXS.COM>,
"Jonathan N. Little" <lw*****@centra lva.netwrote:
Anyway, Jonathan, I thought of you on Sunday. Buggered if I could
get my dial-up working on my Win2000 box. It refuses to work
since the apache server was activated,
Apache on the Win2K box or on your LAN?

since I put in an extra
hard drive, since I put in an ethernet card. See how many factors
are building up here?
Shouldn't make a difference. Dialup on another box via the LAN or on a
modem on that box? My modem is on a Linux box that acts as a router, but
I have a modem on my Win2k box. It's just a lousy WinModem so the
connection would be poor here in the hinterlands my main way is via the
USR Courier on the Linux box...

I gave up and just use the internal server on it and usb memory
stick things across from my Mac (which is on broadband). All to
look at IE 6.
IS the problem with Win2K and the LAN or your MAC?
>
Don't suppose you would get on a plane and come over and sort all
this networking business out for me and get a beer or two for
your efforts and then piss off back? Won't take you long.
Sure, probably be a bit cooler down there..we are getting about the same
amount of rain...none.
>
Nah, didn't think you would jump at it...
Still have the WinXP CD sitting on the new 400GB drive resting on my
scanner...still cannot get myself to upgrade...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Aug 21 '07 #6
In article <7b************ *************** @NAXS.COM>,
"Jonathan N. Little" <lw*****@centra lva.netwrote:
dorayme wrote:
In article <6a************ *************** @NAXS.COM>,
"Jonathan N. Little" <lw*****@centra lva.netwrote:
Anyway, Jonathan, I thought of you on Sunday. Buggered if I could
get my dial-up working on my Win2000 box. It refuses to work
since the apache server was activated,

Apache on the Win2K box or on your LAN?

On the box itself.
>
I gave up and just use the internal server on it and usb memory
stick things across from my Mac (which is on broadband). All to
look at IE 6.

IS the problem with Win2K and the LAN or your MAC?
The problem dial up when I wanted it is simply a problem with the
box and its software. It dials up but handshaking is some sort of
problem judging by the notices.

As a little footnote: when a friend of muine and I were trying to
get the server set up with php right so that some websites would
show up right the other day, it was a mule to get IE6 to conect
to the internal server (FF was a simple breeze). IE6 kept wanting
to dial up! It could not believe the server was right there under
its nose. My friend deleted all the modem settings (they were not
working anyway for the moment. Then IE started behaving.

I even rang up my ISP and they tried but failed to solve the
problem (got me to delete the driver and reinstall and rewrite
the modem settings and so on). Buggered if I know what is what...
makes me that more tempted to go XP... and see if that helps to
shake it all up.

Still have the WinXP CD sitting on the new 400GB drive resting on my
scanner...still cannot get myself to upgrade...
I am tempted to do the same except that this box was handed to me
and has just about everything on it and I am a bit scared of
disturbing it all - my skills with PCs are very very rudimentary.
Be nice to have IE6 and 7 on the same machine but...

--
dorayme
Aug 21 '07 #7
dorayme wrote:
In article <7b************ *************** @NAXS.COM>,
"Jonathan N. Little" <lw*****@centra lva.netwrote:
>dorayme wrote:
>>In article <6a************ *************** @NAXS.COM>,
"Jonathan N. Little" <lw*****@centra lva.netwrote:
Anyway, Jonathan, I thought of you on Sunday. Buggered if I could
get my dial-up working on my Win2000 box. It refuses to work
since the apache server was activated,
Apache on the Win2K box or on your LAN?

On the box itself.
>>I gave up and just use the internal server on it and usb memory
stick things across from my Mac (which is on broadband). All to
look at IE 6.
IS the problem with Win2K and the LAN or your MAC?

The problem dial up when I wanted it is simply a problem with the
box and its software. It dials up but handshaking is some sort of
problem judging by the notices.
Easiest way to fix Dial up networking on a Win box because of ol' Plug
and Play is to go to the control panel 'Start>Settings >Control
Panel>Phone and Modem Options' and remove the modem entry. Then shutdown
the system and physically remove the mode card. Reboot to let Windows
"know" that indeed the modem is gone. Shutdown again and replace the
card. Let Windows recognize and reinstall the driver and Dialup
Networking. [Yes MS is a pain with all this rebooting, one thing I love
about Linux...] Adjust in control panel at 'Network and Dial-up
Connections' if you need to.

>
As a little footnote: when a friend of muine and I were trying to
get the server set up with php right so that some websites would
show up right the other day, it was a mule to get IE6 to conect
to the internal server (FF was a simple breeze). IE6 kept wanting
to dial up! It could not believe the server was right there under
its nose. My friend deleted all the modem settings (they were not
working anyway for the moment. Then IE started behaving.
That's MSIE and its damn "zones" Depending on your Apache setup is you
are doing virtual name or IP servers you can add them to the 'Intranet'
zone. 'Start>Settings >Control Panel>Internet Settings' on Security tap
for 'Intranet' add IPs or domain names of your intranet sites. Also on
the the 'Connections' tab change option to 'Never dial a connection' if
you access the web via your LAN and that will stop the dialup adapter
which you can manually start if you need it.
I even rang up my ISP and they tried but failed to solve the
problem (got me to delete the driver and reinstall and rewrite
the modem settings and so on). Buggered if I know what is what...
makes me that more tempted to go XP... and see if that helps to
shake it all up.
>Still have the WinXP CD sitting on the new 400GB drive resting on my
scanner...stil l cannot get myself to upgrade...

I am tempted to do the same except that this box was handed to me
and has just about everything on it and I am a bit scared of
disturbing it all - my skills with PCs are very very rudimentary.
Be nice to have IE6 and 7 on the same machine but...
Agree, hence there sit my XP! XP is just like 2K but with everything
buried 2 or 3 times deeper in dialog boxes or with some twinky animated
wizard.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Aug 21 '07 #8
As a little footnote: when a friend of muine and I were trying to
get the server set up with php right so that some websites would
show up right the other day, it was a mule to get IE6 to conect
to the internal server (FF was a simple breeze). IE6 kept wanting
to dial up! It could not believe the server was right there under
its nose. My friend deleted all the modem settings (they were not
working anyway for the moment. Then IE started behaving.
Don't mean to intrude, but sounds like a name resolution issue. I have
a similar development setup, and the local copies of sites have names
that won't get confused with the public names (i.e. joesbar vs
joesbar.com). These names need to be in the hosts file and in the
apache config, otherwise the browser will try to resolve them via a
public dns server, and fail because there is no public record for that
domain name. Your setup isn't getting to that failure because it thinks
it needs to dial up to get the dns. The fact that FF works suggests
more of a caching problem with IE. I have had that problem and have
been unable to come up with any rhyme or reason on it, but I have short
term memory problems and am probably missing something obvious.
I even rang up my ISP and they tried but failed to solve the
problem (got me to delete the driver and reinstall and rewrite
the modem settings and so on). Buggered if I know what is what...
makes me that more tempted to go XP... and see if that helps to
shake it all up.
A suggestion. Try to break the problem(s) into their separate "parts."
When I troubleshoot I try to classify in three categories:

normal/normal:
Everything works as you expect.

normal/abnormal:
It doesn't do what you want, but is doing what it's supposed to do when
something is wrong.

abnormal/abnormal:
Your problem is probably here.

The new hard drive can probably be ignored, it's an unlikely
contributer. The two network ports (dial up and Ether card) are another
matter.
One isolation approach:
1) get simple dial up working
2) get it to work along side the Ethernet card (Lan)

Once you can get the "networking " working, then look at the "routing"
(why look elsewhere for a local resource).

A side note re "upgrading" to XP (in your current situation). Don't.
You will lose everything you have, and you will gain many new problems.

Aug 21 '07 #9
William Gill wrote:
>As a little footnote: when a friend of muine and I were trying to get
the server set up with php right so that some websites would show up
right the other day, it was a mule to get IE6 to conect to the
internal server (FF was a simple breeze). IE6 kept wanting to dial up!
It could not believe the server was right there under its nose. My
friend deleted all the modem settings (they were not working anyway
for the moment. Then IE started behaving.

Don't mean to intrude,
Go ahead, this is public! ;-)
but sounds like a name resolution issue. I have
a similar development setup, and the local copies of sites have names
that won't get confused with the public names (i.e. joesbar vs
joesbar.com). These names need to be in the hosts file and in the
apache config, otherwise the browser will try to resolve them via a
public dns server, and fail because there is no public record for that
domain name. Your setup isn't getting to that failure because it thinks
it needs to dial up to get the dns. The fact that FF works suggests
more of a caching problem with IE. I have had that problem and have
been unable to come up with any rhyme or reason on it, but I have short
term memory problems and am probably missing something obvious.
What I do with mine is I setup a local DNS server, my local private LAN
has a private TLD: lws.lan All the client websites have private local
mirrors on my servers... public www.example.com to the development
mirror example.lws.lan I found having a local DNS server simplified
things... anything not TLD lws.lan the local DNS server forward...
>
>I even rang up my ISP and they tried but failed to solve the problem
(got me to delete the driver and reinstall and rewrite the modem
settings and so on). Buggered if I know what is what... makes me that
more tempted to go XP... and see if that helps to shake it all up.
A suggestion. Try to break the problem(s) into their separate "parts."
When I troubleshoot I try to classify in three categories:

normal/normal:
Everything works as you expect.

normal/abnormal:
It doesn't do what you want, but is doing what it's supposed to do when
something is wrong.

abnormal/abnormal:
Your problem is probably here.

The new hard drive can probably be ignored, it's an unlikely
contributer. The two network ports (dial up and Ether card) are another
matter.
One isolation approach:
1) get simple dial up working
2) get it to work along side the Ethernet card (Lan)

Good advice
>
Once you can get the "networking " working, then look at the "routing"
(why look elsewhere for a local resource).

Since your a Mac user the windows commands that are helpful: "Start>Run"
enter CMD for command window.
C:>ipconfig /all

and for routing table:

C:>netstat /r
>
A side note re "upgrading" to XP (in your current situation). Don't.
You will lose everything you have, and you will gain many new problems.
Not if you're "upgrading" , but I would not advise the upgrade just to
"fix" these problems.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Aug 21 '07 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
2387
by: Graham J | last post by:
I submitted a variation on this on the Opera forum but I thought I'd bring it up here too as a more general HTML query. Consider this code (I've shown it the old fashioned presentational way but the same problem would happen with CSS): <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Changed behaviour...
2
2865
by: Ney André de Mello Zunino | last post by:
Hello. The issue is quite known: you have a block-level container holding a set of floated elements and you need that the container's content height take the floated elements' dimensions into consideration. E.g.: <div class="images"> <div class="image"><img src="example1.png" width="160" height="120" alt=""></div> <div...
4
8268
by: boclair | last post by:
Is this a known problem with IE6? I have a provisional two column layout, the left menu column is positioned absolute. The contents column is positioned relative. The contents column has an image floated right. The placement is there in IE6 but not the image. It does not matter whether the DTD is strict or transitional
3
2850
by: Lee K. Seitz | last post by:
I'm redesigning this page for more up-to-date browser standards: <http://home.hiwaay.net/~lkseitz/hhs/winners.shtml>. Note the use of an "invisible" table to position the "visible" ones. I'm attempting to get a similar layout using CSS. So far the best I've come up with is <http://home.hiwaay.net/~lkseitz/hhs2/winners.shtml>. (CSS at...
24
2864
by: Thomas Mlynarczyk | last post by:
Hi, Here's what I have: <div> <img ...><br> Caption text </div> The div is floated left and has no width set, the content is centered, there are no margins or padding on the <img> (just a bottom margin and
6
2021
by: Michael Rozdoba | last post by:
I've tried to apply something along the lines of http://www.spartanicus.utvinternet.ie/test/caption_sized_to_image.htm to a floated span containing an image & caption, but I can't find anything that'll work in IE - floating seems to break it. Can it be done without having to specify each image's width explicitly? The best related info I...
18
3321
by: zzpat | last post by:
I've come to the conclusion that float was never made for designing a page, but is there a good way to float three columns with the following characteristics? leftColumn 20% rightColumn 20% centerColumn use what's left I'm currently defining centerColumn as a %, but to get this to work properly the margin, padding and border settings...
2
1716
by: Pete Horrobin | last post by:
Having spent quite a while tweaking a design to appear as I want, and everything looking good, I tried one last test -- and of course the result differs between FF ("wrong") and IE6 ("right"). I tried Googling for an answer, but gave up after tutorial 27 (of 1.8 million), so I'm hoping one of the experts will be able to oblige! The...
2
2169
by: Ben C. | last post by:
Hi If I have a container div and inside the container div I float two divs (one left and one right), the containting div will collapse as the floated divs will no longer prop it up, meaning that any background colour or image on the containing div will not be visible. Now, suppose I put left and right padding on the containing div. How...
0
7658
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7579
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
8101
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
0
7940
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
1
5479
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
3609
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2075
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1192
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
907
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.