Velocity Reviews

Velocity Reviews (http://www.velocityreviews.com/forums/index.php)
-   HTML (http://www.velocityreviews.com/forums/f31-html.html)
-   -   Problem with CSS table in Firefox (http://www.velocityreviews.com/forums/t594338-problem-with-css-table-in-firefox.html)

Hvid Hat 02-26-2008 05:05 PM

Problem with CSS table in Firefox
 
Hello

I'm trying to set up a table with CSS but it doesn't look correctly in Firefox.
Firstly I've got the table as I want it (using table, tr, td) and below is
the CSS table that doesn't look correct in Firefox. The second line of "On
this very day something happened" is written below the date. It should stay
in its "own" column. How do I get it to do that?


http://hvidhat.users.whitehat.dk/table.htm



Els 02-26-2008 05:22 PM

Re: Problem with CSS table in Firefox
 
Hvid Hat wrote:

> I'm trying to set up a table with CSS but it doesn't look correctly in Firefox.
> Firstly I've got the table as I want it (using table, tr, td) and below is
> the CSS table that doesn't look correct in Firefox. The second line of "On
> this very day something happened" is written below the date. It should stay
> in its "own" column. How do I get it to do that?
>
> http://hvidhat.users.whitehat.dk/table.html


Float div.text as well, or, give it a left margin as wide as needed
for the floated div.date.

At the same time though, the table is a better construction for what
you are doing than the divs. The dates belong to the texts, so there
is a connection, both vertical (all dates) as horizontal (dates and
texts). I'd just use a table if I were you.

--
Els http://locusmeus.com/

Jonathan N. Little 02-26-2008 08:30 PM

Re: Problem with CSS table in Firefox
 
Hvid Hat wrote:
> Hello
>
> I'm trying to set up a table with CSS but it doesn't look correctly in
> Firefox. Firstly I've got the table as I want it (using table, tr, td)
> and below is the CSS table that doesn't look correct in Firefox. The
> second line of "On this very day something happened" is written below
> the date. It should stay in its "own" column. How do I get it to do that?
>
> http://hvidhat.users.whitehat.dk/table.html
>
>

It is doing exactly what you have "told" it to do...

add this and see what is happening.

..table { background-color: #f88; }
..date { background-color: #8f8; }
..text { background-color: #88f; }

If another browser, I bet IE, is doing something different then it is IE
that is incorrect.

1) You need to learn what the "float" property does. It does not
preserve the rectangle of the floated block but rather flows it around
the non-floated blocks. It is *supposed* to do that.

2) It is *not* CSS *or* TABLES! You can use a table with CSS. What you
should not do is use table elements to layout non-tabular content of a
page, i.e., put a logo here and put a menu there... It looks like you
have tabular data--use a table.


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

mrcakey 02-26-2008 09:31 PM

Re: Problem with CSS table in Firefox
 
"Hvid Hat" <vil_ikke@have_spam.dk> wrote in message
news:5575aa9331a5c8ca46b95ad071a6@news.tele.dk...
> Hello
>
> I'm trying to set up a table with CSS but it doesn't look correctly in
> Firefox. Firstly I've got the table as I want it (using table, tr, td) and
> below is the CSS table that doesn't look correct in Firefox. The second
> line of "On this very day something happened" is written below the date.
> It should stay in its "own" column. How do I get it to do that?
>
> http://hvidhat.users.whitehat.dk/table.html
>
>


Are you doing it as some sort of learning exercise? Cos if you have stuff
you want to put in a table, put it in a table. Getting a table look with
CSS for the sake of is just masochistic!

+mrcakey



Lew Loo 02-26-2008 10:32 PM

Re: Problem with CSS table in Firefox
 
On 26 Feb 2008, Hvid Hat wrote:

> Hello
>
> I'm trying to set up a table with CSS but it doesn't look correctly in
> Firefox. Firstly I've got the table as I want it (using table, tr, td)
> and below is the CSS table that doesn't look correct in Firefox. The
> second line of "On this very day something happened" is written below
> the date. It should stay in its "own" column. How do I get it to do
> that?
>
>
> http://hvidhat.users.whitehat.dk/table.html
>
>
>


Add to css div.text { width: 175px;float:right;} and div.table div {
clear:right; }

--
LL

dorayme 02-26-2008 10:55 PM

Re: Problem with CSS table in Firefox
 
In article <fq20ed$oen$1@aioe.org>,
"mrcakey" <nospam@spamispoo.com> wrote:

> Getting a table look with
> CSS for the sake of is just masochistic!


If you want a table-look to non-tabular layout, are you saying
that this is a bad thing to want? Or that if you want it, go
ahead and use a table anyway? Or is it like that Clinton should
have resisted Lewinsky altogether no matter how much he wanted
her. And, of course, the deeper question, would he have been
masochistic to do so?

--
dorayme


All times are GMT. The time now is 09:47 AM.

Powered by vBulletin®. Copyright ©2000 - 2014, vBulletin Solutions, Inc.
SEO by vBSEO ©2010, Crawlability, Inc.