Hello,
For the "shows" listing on my band's homepage I use tables. See the
page at http://deimos.curious.be/~dusk/v2/shows.php
Since we aren't exactly dealing with "tabular data" here I wanted to
convert this exact layout using only divs, with css to position them.
This is what I came up with: http://deimos.curious.be/~dusk/v2/showtable.html
Mission accomplished on FF, Opera and Konqueror, but IE6 of course
messes it up. For some reason the top and bottom row of divs is shifted
to the right. Any workarounds, or is there actually a bug in my css?
Tia
Tommy 4 1283
Nevermind, I just found a workaround myself. I removed the
text-align:center; from the encapsulating div and gave that property to
all the inner divs. It seems that IE not only centers text, but also
other elements (in casu: divs) when using text-align.
Too bad, because now my code is bloated thanks to IE...
TomB wrote:
Nevermind, I just found a workaround myself. I removed the
text-align:center; from the encapsulating div and gave that property
to all the inner divs. It seems that IE not only centers text, but
also other elements (in casu: divs) when using text-align.
Too bad, because now my code is bloated thanks to IE...
Isn't that correct behavior though?
According to my O REILLY CSS Pocket Reference, 2nd Ed, on page 93, for
text-align, "Applies to:" lists "Block-level elements", and DIVs are by
default block-level so it makes sense. So if the outer div uses
text-align: center; any block level element should be centered, so it
seems IE does that more correctly in this reguard. Please correct me if
I'm wrong though.
I do wish that with DIVs there was a much more clearer way to set
Horizonal and Vertical alignment for anything within a DIV, a la table
cells (and also appears right in all browsers, as wishful-thinking-eque
that mya be.)
--
Stan
Stan R. schreef:
TomB wrote:
Nevermind, I just found a workaround myself. I removed the
text-align:center; from the encapsulating div and gave that property
to all the inner divs. It seems that IE not only centers text, but
also other elements (in casu: divs) when using text-align.
Too bad, because now my code is bloated thanks to IE...
Isn't that correct behavior though?
According to my O REILLY CSS Pocket Reference, 2nd Ed, on page 93, for
text-align, "Applies to:" lists "Block-level elements", and DIVs are by
default block-level so it makes sense. So if the outer div uses
text-align: center; any block level element should be centered, so it
seems IE does that more correctly in this reguard. Please correct me if
I'm wrong though
You have got a point there, although out of some kind of "gut feeling"
I expected that the position of divs wouldn't be affected by
text-align...
But yes, IE seems te be doing the correct thing here. Blimey!
TomB wrote:
Stan R. schreef:
>TomB wrote:
>>Nevermind, I just found a workaround myself. I removed the text-align:center; from the encapsulating div and gave that property to all the inner divs. It seems that IE not only centers text, but also other elements (in casu: divs) when using text-align. Too bad, because now my code is bloated thanks to IE...
Isn't that correct behavior though?
No.
>According to my O REILLY CSS Pocket Reference, 2nd Ed, on page 93, for text-align, "Applies to:" lists "Block-level elements", and DIVs are by default block-level so it makes sense. So if the outer div uses text-align: center; any block level element should be centered,
No. It means that you can give <divand <p(block level elements)
the text-align property. Not that it should center block level
elements inside of it. (it's not "blockelement-align", but
"text-align")
>so it seems IE does that more correctly in this reguard. Please correct me if I'm wrong though
Done ;-)
You have got a point there, although out of some kind of "gut feeling"
I expected that the position of divs wouldn't be affected by
text-align...
But yes, IE seems te be doing the correct thing here. Blimey!
Your gut feeling was right though...
--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/ This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: |-|erc |
last post by:
Hi!
Small challenge for you.
The index.php uses this file and calls layout(). Take a look at www.chatty.net this file
draws the chat login box on the right. I traced the CHAT button it submits...
|
by: Fiala |
last post by:
Table A
+--------+-----------+
| A-num | text |
| 1 | |
| 2 | |
| 3 | |
| 4 | |
| 5 | |
+--------+-----------+
|
by: Edward |
last post by:
SQL Server 7.0
If I run the following in Query Analyzer I get no records returned:
exec GetLeadsOutcome_Dealer '1/1/2003','12/2/2003',10, '176, 183'
If, however, I run either :
exec...
|
by: Charles Nadeau |
last post by:
I was trying to relocate my transaction log to a bigger drive using
sp_movedevice but I made a mistake in the syntax of the second parameter
and put only the path, not the path and the file name....
|
by: muesliflakes |
last post by:
I'm trying to generate a normalized XML document out of SQL server
that reflects the data
structure of a table.
Eg. This is what I would like to get
<table name='MtFeedback'>
<field...
|
by: cs168 |
last post by:
Hi I am new in ASP programming so I do use the very basic and simple way to do all my stuff. Now I do really got stuck at how can I loop thru the calculation for all my selection.. My full code is as...
|
by: jaYPee |
last post by:
I have no problem setting the selectcommand in sqldataadapter to fetch
record from sqlserver w/ where clause in parent table. however, my
problem is on how can i fetch the child table which is...
|
by: eBay-Mitglied gret |
last post by:
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=2...
|
by: kanley |
last post by:
I have a main table with a text description field. In this field, its
populated with a string of data. I need to identify from this string
of data the name of the vendor using some keywords.
I...
|
by: lenygold via DBMonster.com |
last post by:
Hi everybody!
This query is supposed to count consecutive years from the current year
without OLAP.
Input Table:
ID DateCol
1 02/01/2006
1 01/01/2006
1 01/01/2005
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
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...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
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...
|
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,...
|
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...
|
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...
|
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,...
| |