473,513 Members | 2,266 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 1812
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.clara.net>,
"tezza" <te***@home.nowwrote:
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.clara.net>,
"tezza" <te***@home.nowwrote:
>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*****@centralva.netwrote:
dorayme wrote:
In article <11****************@damia.uk.clara.net>,
"tezza" <te***@home.nowwrote:
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*****@centralva.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*****@centralva.netwrote:
dorayme wrote:
In article <6a***************************@NAXS.COM>,
"Jonathan N. Little" <lw*****@centralva.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*****@centralva.netwrote:
>dorayme wrote:
>>In article <6a***************************@NAXS.COM>,
"Jonathan N. Little" <lw*****@centralva.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...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...
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
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 used to run a DNS server on one of my *nix boxes, but found it was
more trouble than it was worth. Manually maintaining a handful of hosts
files is much simpler.

# sample hosts file
127.0.0.1 localhost
192.168.13.11 lucy.mydomain.com lucy example client2
Aug 21 '07 #11

"Jonathan N. Little" <lw*****@centralva.netwrote in message
news:4f*************************@NAXS.COM...
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
thanks for that jonathan, but i just (re)discovered the Aslett no extra
markup method which i picked up from a css book a few months ago and
subsequently forgot. Thankfully i created a snippet, but being the numpty i
can be i didn't name it appropriately.

I've applied it to my test page (link above).

sweeeeet :)

thanks again - the word 'clear' was a great help and nudged my addled brain

hope this helps others - sorry it's not commented.

t
Aug 21 '07 #12
..oO(Jonathan N. Little)
>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.
It will with a "height: 1%" workaround in an IE-specific stylesheet.

Micha
Aug 21 '07 #13
In article <b7***************************@NAXS.COM>,
"Jonathan N. Little" <lw*****@centralva.netwrote:
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.
Thanks for this, this is what I will try next.

--
dorayme
Aug 21 '07 #14
William Gill wrote:
>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 used to run a DNS server on one of my *nix boxes, but found it was
more trouble than it was worth. Manually maintaining a handful of hosts
files is much simpler.

# sample hosts file
127.0.0.1 localhost
192.168.13.11 lucy.mydomain.com lucy example client2

I didn't find it too bad once I discovered the little idiosyncrasies of
bind, like how a mere space character in the wrong place can botch
things. Being stuck with dialup the advantage is it also a caching
server for the external World-Wide-Woolly-Web domains so can speedup my
browsing...

--
Take care,

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

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

Similar topics

1
2384
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...
2
2860
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...
4
8266
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...
3
2849
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...
24
2851
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...
6
2020
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...
18
3314
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%...
2
1713
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...
2
2160
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...
0
7265
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,...
0
7171
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...
0
7545
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...
1
7111
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
7539
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...
0
5692
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
1
5095
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...
0
3240
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
1
807
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.