CSS Width Problem

[André Rodrigues]

Hi there,

I having trouble programming the CSS for this page:

http://www.inforquali.pt/inforquali_novo/index4.html

Do you see that network cable? It is supposed to grow in function of
the size of the window.

But I do not understand where my CSS fails. Am I missing something
obvious? Or it will be necessary some sort of hack? Or it is
impossible at this moment to make this only with CSS?

link for the CSS: http://www.inforquali.pt/inforquali_...les/class3.css

PS: It is necessary that the code remains Strict and that it gives
equal results in IE and FF.

Any help very welcome!

[Mark Tranchant]

Re: CSS Width Problem

André Rodrigues wrote:[color=blue]
> Hi there,
>
> I having trouble programming the CSS for this page:
>
> http://www.inforquali.pt/inforquali_novo/index4.html
>
> Do you see that network cable? It is supposed to grow in function of
> the size of the window.[/color]

But you've asked for it to be 100% of the window width, starting 650px
from the left - the browser is doing what you ask, extending it a
corresponding 650px to the right.

My attempt:

http://tranchant.plus.com/tmp/cabo

--
Mark.

http://tranchant.plus.com/

[jmm-list-gn]

Re: CSS Width Problem

André Rodrigues wrote:[color=blue]
>
> http://www.inforquali.pt/inforquali_novo/index4.html
>
> Do you see that network cable? It is supposed to grow in function of
> the size of the window.
> [/color]
As Mark pointed out it is doing what you told it to do. You defined the
position as absolute so the image is not going anywhere regardless of what
happens around it.
BTW: underscores are illegal in CSS identifiers. Some browsers ignore such.

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

[Spartanicus]

Re: CSS Width Problem

jmm-list-gn <jmm-list.AXSPAMGN@s ohnen-moe.com> wrote:
[color=blue]
> BTW: underscores are illegal in CSS identifiers.[/color]

Nope: http://www.w3.org/Style/css2-updates...12-errata.html
[color=blue]
>Some browsers ignore such.[/color]

Nothing relevant.

--
Spartanicus

[jmm-list-gn]

Re: CSS Width Problem

Spartanicus wrote:[color=blue]
>[color=green]
>> BTW: underscores are illegal in CSS identifiers.[/color]
>
> Nope: http://www.w3.org/Style/css2-updates...12-errata.html
>[/color]
Argh.

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

[Andr? Rodrigues]

Re: CSS Width Problem

Thank you very much! It worked!

I know that the CSS was doing what I've asked, but believe me that the
index4.html was not the last experience! I've tried several
alterations to the code and it didn't do what I wanted. But your
solution works! Thank's!



Mark Tranchant <mark@tranchant .plus.com> wrote in message news:<416be798$ 0$47986$ed2e19e 4@ptn-nntp-reader04.plus.n et>...[color=blue]
> Andr Rodrigues wrote:[color=green]
> > Hi there,
> >
> > I having trouble programming the CSS for this page:
> >
> > http://www.inforquali.pt/inforquali novo/index4.html
> >
> > Do you see that network cable? It is supposed to grow in function of
> > the size of the window.[/color]
>
> But you've asked for it to be 100% of the window width, starting 650px
> from the left - the browser is doing what you ask, extending it a
> corresponding 650px to the right.
>
> My attempt:
>
> http://tranchant.plus.com/tmp/cabo[/color]

[Alan J. Flavell]

Re: CSS Width Problem

On Wed, 13 Oct 2004, jmm-list-gn wrote:
[color=blue]
> Spartanicus wrote:[color=green]
> >[color=darkred]
> > > BTW: underscores are illegal in CSS identifiers.[/color][/color][/color]

technically correct for CSS2.0 as published.
[color=blue][color=green]
> > Nope: http://www.w3.org/Style/css2-updates...12-errata.html[/color][/color]

Not yet ratified as a W3C TR, unless you know better.
This will be in CSS2.1
[color=blue]
> Argh.[/color]

Gesundheit.

[Jim Ley]

Re: CSS Width Problem

On Wed, 13 Oct 2004 10:54:02 +0100, "Alan J. Flavell"
<flavell@ph.gla .ac.uk> wrote:
[color=blue]
>On Wed, 13 Oct 2004, jmm-list-gn wrote:
>[color=green]
>> Spartanicus wrote:[color=darkred]
>> >
>> > > BTW: underscores are illegal in CSS identifiers.[/color][/color]
>
>technically correct for CSS2.0 as published.
>[color=green][color=darkred]
>> > Nope: http://www.w3.org/Style/css2-updates...12-errata.html[/color][/color]
>
>Not yet ratified as a W3C TR, unless you know better.[/color]

but it's an Errata, that's just part of what the WG have to do, they
don't get ratified, they just get published don't they? There's no
process requirement around them.

Jim.
--
comp.lang.javas cript FAQ - http://jibbering.com/faq/

[Andr? Rodrigues]

Re: CSS Width Problem

Now I'm having a different problem...
How can I keep the footer from overlapping the content but staying at
the bottom of the window?

HTML -> http://www.inforquali.pt/inforquali_novo/liquid.htm

CSS -> http://www.inforquali.pt/inforquali_.../classtemp.css

Sorry for being such a noob but you're my only resource.

[Neal]

Re: CSS Width Problem

On 13 Oct 2004 10:21:03 -0700, Andr? Rodrigues
<andre.rodrigue s@inforquali.pt > wrote:
[color=blue]
> Now I'm having a different problem...
> How can I keep the footer from overlapping the content but staying at
> the bottom of the window?
>
> HTML -> http://www.inforquali.pt/inforquali_novo/liquid.htm
>
> CSS -> http://www.inforquali.pt/inforquali_.../classtemp.css
>
> Sorry for being such a noob but you're my only resource.[/color]


Adding padding to the bottom of the element with the content to prevent it
from going too low ought to do it.

[jmm-list-gn]

Re: CSS Width Problem

Alan J. Flavell wrote:[color=blue]
>[color=green]
>> Argh.[/color]
>
> Gesundheit.[/color]
Danke.

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