Table within a <div>

Hi,

i've placed a table within a <div> to dispay some data.
All is well in FF, but in MSIE the table starts inline with the bottom of
the <div> to the left. I've set the css div to vertical align: top, but this
hasn't made a differance.

http://www.paulwatt.info/test/calendar.htm

Thanks guys


--

Paul Watt
http://www.paulwatt.info

Have you tried experimenting with CSS "margin" and "padding" also?

As these aren't always treated consistently across browsers.

<mike (AT) youell (DOT) net> wrote

Have you tried experimenting with CSS "margin" and "padding" also?

As these aren't always treated consistently across browsers.

Sorted now, thanks. used negetive margins and the underscore hack in the
end.

"kchayka" <usenet (AT) c-net (DOT) us> wrote

Paul Watt wrote:

used negetive margins and the underscore hack in the end.

Sounds very much like you are treating the symptoms, not the problem.
That is surely the wrong way to go about it.

What would you suggest?

"Paul Watt" <paulioNOSPAM (AT) wattio (DOT) freeserve.co.uk> wrote:

"kchayka" <usenet (AT) c-net (DOT) us> wrote in message
news:49vmelFqq2rnU1 (AT) individual (DOT) net...
Paul Watt wrote:

used negetive margins and the underscore hack in the end.

Sounds very much like you are treating the symptoms, not the problem.
That is surely the wrong way to go about it.


What would you suggest?

If it's an IE only issue (make sure that it really is) then you don't use
hacks, you use "conditional comments":

<http://virtuelvis.com/archives/2004/02/css-ie-only>

Hacks are ugly.

--
John

Net::Google and Perl: http://johnbokma.com/perl/net-google.html

Paul Watt wrote:

i've placed a table within a <div> to dispay some data.
All is well in FF, but in MSIE the table starts inline with the bottom of
the <div> to the left. I've set the css div to vertical align: top, but this
hasn't made a differance.

http://www.paulwatt.info/test/calendar.htm

IE does not always correctly flow blocks. I'm a little vague on the

specifics but IIRC it miscalculates the available horizontal space
thinking there is not enough for, say, a table whose width is 100%.
A couple of things to try:
1. Float the .content div
2. Set the table's width to less than 100%, or do not use a width at all

BTW "vertical-align: top" is meaningless for a div.

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

In article <Xns97A19213950B0castleamber (AT) 130 (DOT) 133.1.4>,
John Bokma <john (AT) castleamber (DOT) com> wrote:

If it's an IE only issue (make sure that it really is) then you don't use
hacks, you use "conditional comments":

http://virtuelvis.com/archives/2004/02/css-ie-only

Hacks are ugly.

Well, maybe it is a matter of taste... on reflection, are hacks
per se ugly, and does it matter? What matters objectively is that
something relatively simple works, that it is not going to be a
nuisance later. This latter possibility is a serious one.

Ugly is in the eye of the beholder on this one, I don't find them
that ugly, they have been cleverly found and work and I am
reminded of this when I see them and I look on admiringly. They
are simpler in many ways than making separate style sheets just
for this IE or that IE and IE in common.

I am not advocating them here. I just think it is a bit precious
to refrain from fighting something ugly (IE rendering standards)
in too prim and proper a manner. There is an argument here that
the remedy rather nicely fits the cause.

And really, when push comes to shove, they are broadly
conditional defences against specific nuisances.

--
dorayme

dorayme <doraymeRidThis (AT) optusnet (DOT) com.au> wrote:

In article <Xns97A19213950B0castleamber (AT) 130 (DOT) 133.1.4>,
John Bokma <john (AT) castleamber (DOT) com> wrote:

[..]

Hacks are ugly.

Well, maybe it is a matter of taste...

No it isn't. If you can do the same thing with a conditional comment, do
it with a conditional comment.

--
John Experienced (web) developer: http://castleamber.com/

Textpad quick reference card (pdf): http://johnbokma.com/textpad/

In article <Xns97A1B20EE9C4Bcastleamber (AT) 130 (DOT) 133.1.4>,
John Bokma <john (AT) castleamber (DOT) com> wrote:

dorayme <doraymeRidThis (AT) optusnet (DOT) com.au> wrote:

In article <Xns97A19213950B0castleamber (AT) 130 (DOT) 133.1.4>,
John Bokma <john (AT) castleamber (DOT) com> wrote:

[..]

Hacks are ugly.

Well, maybe it is a matter of taste...

No it isn't.

Yes it is.

--
dorayme

And lo, John Bokma didst speak in
alt.html,alt.http://www.webmaster,comp.infosystem...style sheets:

dorayme wrote:

John Bokma wrote:

[..]

Hacks are ugly.

Well, maybe it is a matter of taste...

No it isn't. If you can do the same thing with a conditional comment, do
it with a conditional comment.

IIRC, IE/Mac does not support IE conditional comments. If you are
comfortable with excluding that (small and shrinking) market share, then
yesh, conditional comments are preferable to IE hacks.

Grey

--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollary that nothing is ridiculous.
- http://www.greywyvern.com/orca#search - Orca Search - PHP/MySQL site
search engine