473,399 Members | 3,888 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,399 software developers and data experts.

CSS Width Problem

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!
Jul 20 '05 #1
10 4210
André Rodrigues wrote:
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 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/

Jul 20 '05 #2
André Rodrigues wrote:

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.

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)
Jul 20 '05 #3
jmm-list-gn <jm***************@sohnen-moe.com> wrote:
BTW: underscores are illegal in CSS identifiers.
Nope: http://www.w3.org/Style/css2-updates...12-errata.html
Some browsers ignore such.


Nothing relevant.

--
Spartanicus
Jul 20 '05 #4
Spartanicus wrote:
BTW: underscores are illegal in CSS identifiers.


Nope: http://www.w3.org/Style/css2-updates...12-errata.html

Argh.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 20 '05 #5
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 <ma**@tranchant.plus.com> wrote in message news:<41***********************@ptn-nntp-reader04.plus.net>...
Andr Rodrigues wrote:
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 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

Jul 20 '05 #6
On Wed, 13 Oct 2004, jmm-list-gn wrote:
Spartanicus wrote:
BTW: underscores are illegal in CSS identifiers.

technically correct for CSS2.0 as published.
Nope: http://www.w3.org/Style/css2-updates...12-errata.html

Not yet ratified as a W3C TR, unless you know better.
This will be in CSS2.1
Argh.


Gesundheit.
Jul 20 '05 #7
On Wed, 13 Oct 2004 10:54:02 +0100, "Alan J. Flavell"
<fl*****@ph.gla.ac.uk> wrote:
On Wed, 13 Oct 2004, jmm-list-gn wrote:
Spartanicus wrote:
>
> > BTW: underscores are illegal in CSS identifiers.
technically correct for CSS2.0 as published.
> Nope: http://www.w3.org/Style/css2-updates...12-errata.html


Not yet ratified as a W3C TR, unless you know better.


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.javascript FAQ - http://jibbering.com/faq/

Jul 20 '05 #8
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.
Jul 20 '05 #9
On 13 Oct 2004 10:21:03 -0700, Andr? Rodrigues
<an*************@inforquali.pt> wrote:
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.

Adding padding to the bottom of the element with the content to prevent it
from going too low ought to do it.
Jul 20 '05 #10
Alan J. Flavell wrote:
Argh.


Gesundheit.

Danke.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 20 '05 #11

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

Similar topics

2
by: Kai Grossjohann | last post by:
I would like to put a text input field (in the sense of <input type="text">) and an image next to each other, where I know the size in pixels of the image, and I know the total width in em. I...
8
by: BiNZGi | last post by:
Hi I have reduced the problem to this code: <form> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td><input type="text" style="width: 100%;" value="Lorem ipsum dolor...
4
by: Alex Meier | last post by:
I have the following problem: I need a simple, tabular layout in a webshop. - left column: navigation column with approx. 170px width - right column: content area the goal: the left column...
10
by: ima | last post by:
I'm attempting to use CSS for a three column layout. My problem is that although I'm using width % ie. column1 width 20%, column2 width 60%, and column3 20% I end up with a horizontal scroll bar...
5
by: John M | last post by:
Hello, In Visual Studio .NET 2003, How can I change the columns' width (at design or runtime) of datagrid ? Thanks :)
4
by: Hiwj | last post by:
I am having a problem with a cell in a table in ASP.NET which used to work OK in classic ASP. I have one cell in a row where the width should be 22 pixels and the other cell should take up the...
50
by: Shadow Lynx | last post by:
Consider this simple HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 STRICT//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head>...
3
by: McKirahan | last post by:
I have a Web page that uses some JavaScript and CSS. I have specified a three column table with a fixed-width left and right side; the center colum expands to fill the page. Within this...
1
by: Jeff | last post by:
ASP.NET 2.0 I've got problems with the Width of the ImageMap below. The problem is that the ImageMap's Width doesn't have any effect in my GridView, the width are determine by width of the...
4
by: lilOlMe | last post by:
Hi there! I'm developing a "scrollable table". At first I started using CSS. It worked pretty well until I found a bug that happens when placing this table into a tabbing control... So I...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
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
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
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
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
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,...
0
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...

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.