473,770 Members | 1,787 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

CSS Table Resize

Which is the mistake?
I need one column with different size.

Thanks a lot.
table { border: outset 2pt;
border-collapse: separate;
border-spacing: 4pt;
background:blac k;
color:white;
table-layout:fixed;
width:600;
}

/* I want this one the biggest */
..comentario {
border: inset 2pt;
font-size:28px;
width:400px;
}
..fecha {
border: inset 2pt;
font-size:12px;
width:100px;
}
..nombre {
border: inset 2pt;
font-size:12px;
width:100px;
}
Jan 24 '07 #1
4 10395


On 24 Jan, 12:09, Gabriel <g...@yahoo.co. ukwrote:
Which is the mistake?
Not telling us a URL for the real site. We can't fix random snippets in
isolation.

Jan 24 '07 #2
Gabriel wrote :
Which is the mistake?
I need one column with different size.

Thanks a lot.
table { border: outset 2pt;
border-collapse: separate;
separate is the default, initial value of border-collapse: so there is
no need to set it.
border-spacing: 4pt;
background:blac k;
color:white;
table-layout:fixed;
Browsers will trigger table-layout fixed algorithm under certain
conditions: here, we do not see/know what is the markup code, so we
can't say if your css declaration is any useful.
width:600;
1-
Unitless measurements will be treated (by CSS parser) differently
depending on browser, browser version and browser rendering mode
(standards compliant or quirks/compatibility). For best and consistent
rendering across browser, browser versions, I recommend to use a strict
DTD and to always define units.

CSS 1 and CSS 2.x specifications require that non-zero values must be
specified with a length unit; otherwise, the css declaration will be
ignored. Mozilla-based browsers, MSIE 6+, Opera 7+ and other W3C
standards-compliant browsers enforce such handling of parsing error.
CSS 1 Forward-compatible parsing
http://www.w3.org/TR/REC-CSS1#forwar...atible-parsing
CSS 2.1 Rules for handling parsing errors
http://www.w3.org/TR/CSS21/syndata.html#parsing-errors

Using Web Standards in your Web Pages
http://developer.mozilla.org/en/docs...ing_Properties

"Lengths other than zero should be followed by a proper unit without a
space between the number and the unit (eg. 1.2em)."
Mozilla Web Author FAQ: My style sheet doesn't work! Why?
http://www.mozilla.org/docs/web-deve...tylenotworking

So, here, your width:600 could be ignored depending on browsers, browser
versions and rendering mode triggered.

2-
I strongly recommend not to use pt unless the stylesheet is for
printing. I strongly recommend to use only 1 unit for 1 type of
measurement and not 2. If you use, say, px, then only use px and do not
mix with other units.

}

/* I want this one the biggest */
.comentario {
border: inset 2pt;
font-size:28px;
width:400px;
}
.fecha {
border: inset 2pt;
font-size:12px;
For people over 40 years old, 12px may be a bit small. I have customized
Firefox's minimum font size to 13. So, if your webpage design is rigid,
not fluid, not scalable, then setting fixed font-size may break layout.
width:100px;
}
.nombre {
border: inset 2pt;
font-size:12px;
width:100px;
}

600 is not equal to 2pt + 400px + 2pt + 4pt + 2pt + 100px + 2pt + 4pt +
2pt + 100px + 2pt

Gérard
--
remove blah to email me
Jan 25 '07 #3
Gabriel wrote :
Which is the mistake?
I need one column with different size.

Thanks a lot.
table { border: outset 2pt;
border-collapse: separate;
border-spacing: 4pt;
MSIE 6 and MSIE 7 do not support border-spacing.

What Andy wrote you is absolutely right: without a real website and a
real URL, we can't be sure of anything: who knows, your web server might
be mis-configured and then the stylesheet may not be processed at all in
several browsers.

"External stylesheets shall also be served from the www-server with a
MIME-type of 'text/css' in its 'Content Type:' HTTP header.
You may need to negotiate with your server admin to add this MIME type
to your server if you are not able to configure the server yourself."

comp.infosystem s.www.authoring.stylesheets
stylesheet authoring FAQ v1.16
http://css.nu/faq/ciwas-aFAQ.html#QA05

Gérard
--
remove blah to email me
Jan 25 '07 #4
Gérard Talbot wrote :
Gabriel wrote :
>.fecha {
border: inset 2pt;
font-size:12px;

For people over 40 years old, 12px may be a bit small. I have customized
Firefox's minimum font size to 13. So, if your webpage design is rigid,
not fluid, not scalable, then setting fixed font-size may break layout.

{
Only in very rare situations we will find users that have a "calibrated "
rendering device that shows fixed font sizes correct. This tells us that
we can never know the real size of a font when it's rendered on the
user end.

Other people may find your choice of font size uncomfortable. A
surprisingly large number of people have vision problems and require
larger text than the average. Other people have good eyesight and prefer
the advantage of more text on the screen that a smaller font size
allows. What is comfortable to you on your system may be uncomfortable
to someone else.
}

comp.infosystem s.www.authoring.stylesheets
stylesheet authoring FAQ v1.16
Why shouldn't I use fixed sized fonts ?
http://css.nu/faq/ciwas-aFAQ.html#QA02

Gérard
--
remove blah to email me
Jan 25 '07 #5

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

Similar topics

3
2953
by: fred | last post by:
Why does not the below code work in IE or FF? I have a table taking up the full browser window made up of three rows. The middle row has an ID of "row" and contains a div with an ID of "div". This script is meant to change the height of div to that of the row in the table so that the document doesn't scroll outside of the viewport. Instead, when the browser window is made smaller, the table gets bigger. I do not understand this. If a...
2
3546
by: Yama | last post by:
Hi, How can I make it resizable? For example: <pre> <!-- datagrid Header --> <table class="TableHeader" id="tblHeader" border="1" runat="server">
0
1064
by: WJ | last post by:
I am using html/Table control a lot to organize my controls on aspx form. Most of the time it works fine, then all of a sudden, a cell within a table refuses to be resized (left/right) and or a row will not resize. To fix this, I have to create a new table, copy everything from the old table to the new one and then I finally can resize the new table the way I want. Most of my html/table configurations are 2 columns with multiple rows...
0
1570
by: Chubby Arse | last post by:
Hi all, I have a control, that basically is my own version of the datagrid, except that is renderers purely readonly tabular information. When the control is rendered to the designer, I can click on the control as rendered and move it, however I cannot resize it. I can change the height and Width properties in the PropertyGrid and they change, but the control doesn't resize.
1
1507
by: bgraphics2031 | last post by:
Hey everyone, thanks for your previous help. My new problem is trying bound this table in Firefox so when you resize via the middle bar it doesn't resize to the right to infinity. Basically, I want these two cells to resize within the screen and not past the right edge of the screen. If you resize to the left, it works perfect and I just need the right to do the same. I hope I explained it well, let me know if anyone needs more clarification. ...
9
5313
by: dli07 | last post by:
Hello, I'm trying to convert a piece of code that creates a dynamic vertical resizing bar in a table from internet explorer to firefox. It's based on a post from http://blogs.crankygoblin.com/blogs/geoff.appleby/pages/50712.aspx. I've also read the post on this topic by bggraphics, but he doesn't arrive at a final result. The main problem I am having is that the layerX and layerY event properties don't work. They're supposed to return the...
1
16974
by: since | last post by:
I figured I would post my solution to the following. Resizable column tables. Search and replace values in a table. (IE only) Scrollable tables. Sortable tables. It is based on a lot examples I found on the web. Works in IE and mozilla. http://www.imaputz.com/cssStuff/bigFourVersion.html
1
3077
by: asearle | last post by:
Dear all, I have been working to implement a scrolling table into an xml / xsl interface and so far have managed to put together an acceptable version using <thead> and <tbody> syntax. Indeed for the html examples that I found out there this seems to work perfectly. On the surface it also works perfectly in my xml / xsl implementation too (also based on html underneath). Indeed, using IE6*, you can take a look at a cut-down example by...
2
4796
by: jhaxo | last post by:
1. My boss wants me to make the text in my table cells 'wrap' which means become multiline if the string is longer than the cell width. Here is how I make the elements with this data, where 'data_value' is the string that will show up in the table: var tdElem = document.createElement("td"); tdElem.className = className; txtNode = document.createTextNode(data_value); tdElem.appendChild(txtNode); ...
0
9617
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9454
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10257
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9904
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
7456
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 presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6710
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5482
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4007
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3609
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.