Download free stock photos on Dreamstime. Free registration

Reply LinkBack Thread Tools Search this Thread
Old 19-01-2008, 17:02   #1 (permalink)
azharc
Self Obsessed & Loving it
 
azharc's Avatar
 
Join Date: Mar 2007
Location: India
Posts: 25
Send a message via MSN to azharc
CSS | Table alignment with position:absolute in Internet Explorer

Have a look at this in Internet Explorer please.

Notice the table isn't centered. (position:absolute) (div="center" on the table itself). The css file for IE is called mainie.css

I have no idea how to fix it. I've tried margin-right, margin-left:auto, display:block, lots of IE hacks, nothing helps. Note that I HAVE to have position:absolute there (removing it fixes it) because I'm using scripts to fade out the logo on clicking portfolio (it works, give it a try).

So how do I get it centered?

Thanks for any help.

EDIT:
One more thing, click portfolio > top left thumbnail > click > notice how lightbox alignment is alos crazy.

Help help help =)

Last edited by azharc : 23-01-2008 at 08:54.
  Reply With Quote
Old 19-01-2008, 17:07   #2 (permalink)
datahound
Spare Parts
 
datahound's Avatar
 
Join Date: Jan 2005
Location: Bracknell Forest
Posts: 6,875
__________________
  Reply With Quote
Old 19-01-2008, 17:14   #3 (permalink)
datahound
Spare Parts
 
datahound's Avatar
 
Join Date: Jan 2005
Location: Bracknell Forest
Posts: 6,875
Sorry, I did not read your post properly, perhaps this will not help after all.

Or this perhaps?

CSS Centering: Negative Margin
__________________
  Reply With Quote
Old 19-01-2008, 17:38   #4 (permalink)
azharc
Self Obsessed & Loving it
 
azharc's Avatar
 
Join Date: Mar 2007
Location: India
Posts: 25
Send a message via MSN to azharc
Tried both methods.... didn't work initially so modded them a bit, but no luck. It might be that I'm doing something wrong though, so I'll keep at it, thanks so much for your help though.
  Reply With Quote
Old 19-01-2008, 19:18   #5 (permalink)
seen.to
unusual suspect ™
 
seen.to's Avatar
 
Join Date: Jul 2004
Location: DE, USA
Posts: 4,718
I could tell you how to fix it but why are you using a table for that? It's not tabular data so you should be using Divs.
__________________
  Reply With Quote
Old 19-01-2008, 19:28   #6 (permalink)
azharc
Self Obsessed & Loving it
 
azharc's Avatar
 
Join Date: Mar 2007
Location: India
Posts: 25
Send a message via MSN to azharc
Because I read [ link removed because people discuss the article more than helping me with the page =D ]

Plus I'm a noob, so I ain't that good with DIVs yet....

Though I'll give it a shot...

Last edited by azharc : 23-01-2008 at 09:01.
  Reply With Quote
Old 19-01-2008, 19:32   #7 (permalink)
chaos.dave
"Everybody's Dead Dave"
 
chaos.dave's Avatar
 
Join Date: Dec 2007
Location: Loughborough, UK
Posts: 146
Quote:
Originally Posted by seen.to
I could tell you how to fix it but why are you using a table for that? It's not tabular data so you should be using Divs.

second'd.

I was gna say pretty much the same thing.
  Reply With Quote
Old 19-01-2008, 19:43   #8 (permalink)
seen.to
unusual suspect ™
 
seen.to's Avatar
 
Join Date: Jul 2004
Location: DE, USA
Posts: 4,718
Quote:
Originally Posted by azharc
Because I read this

Plus I'm a noob, so I ain't that good with DIVs yet....

Though I'll give it a shot...

That was written by someone that doesn't know what they are doing and who is trying to defend the fact.

As a n00b you have even less reason to be using tables - learn the right way now rather than having to re-learn everything down the line. (Knowledge of tables is still a good thing as there will be times when you need to use them for the right reasons, sometimes even for the wrong ones when working for someone else but you really shouldn't be using them for layout).
__________________
  Reply With Quote
Old 19-01-2008, 20:02   #9 (permalink)
herkalees
Semantics, yay.
 
herkalees's Avatar
 
Join Date: Nov 2005
Location: Beverly, Massachusetts
Posts: 1,520
Quote:
Originally Posted by azharc
Because I read this
That article is making my blood boil - I need to go lay down.
__________________
  Reply With Quote
Old 20-01-2008, 05:41   #10 (permalink)
n.breakdown
Registered User
 
Join Date: Jan 2008
Posts: 2
Hi everybody,
I am the guy who wrote the article cited by azharc.

I would be interested in knowing what is the problem with what I wrote since none of your comment makes sense to me, I feel like you haven't read through.

I wrote that article a long time ago, during an experiment that I left behind cause I had no more time to keep it alive but, nevertheless, I still believe that what I wrote is quite right and instructive.

Now, since I am not the kind of person who doesn't accept critiques and, trust me, I'm here to learn, I sincerely long to hear from you what is wrong with what I wrote.
Especially herkalees who's blood is even boiling.
Have you read it through herkalees?

Thanks in advance
  Reply With Quote
Old 21-01-2008, 05:17   #11 (permalink)
Jayx
Now with added sarcasm.
 
Jayx's Avatar
 
Join Date: Aug 2006
Location: George, South Africa
Posts: 369
Send a message via MSN to Jayx Send a message via Skype™ to Jayx
I just read the article to the very end and have to agree with the person who wrote the article (sorry herk) - if you actually read the full article you will agree that there's nothing new or wrong about what the author is saying.

Don't just replace tables with divs, use the right HTML for the job at hand. It takes a while to understand that there's a difference and everyone keeps saying that they want to/should switch from using tables for lay-out to using divs, which can be just as bad if you abuse divs.

Using tables for lay-out won't win you anyone's favour here, but technically speaking it will be as valid as a load of divs - put it through the W3C Validator and prove me wrong.

Learn proper HTML and use tables for tabular data only - divs should only be used when no HTML element will be the semantically correct one to use.
__________________
I made 100 posts and all I got is this stupid signature.
  Reply With Quote
Old 21-01-2008, 06:31   #12 (permalink)
Hunch
Grumpy old man
 
Hunch's Avatar
 
Join Date: Oct 2007
Location: North Japan
Posts: 2,405
Sorry Herk - I gotta agree with Jayx. I think you might have done what I did and just skim it. Jayx's comment made me go back and read it properly. The writer makes some good points and all of them are valid. In many ways all he's saying is don't just dump things into divs as a replacement for table cells because it calls what we now refer to as 'divitis' and breaks up your layout just as badly and non-semantically as tables did. Like he says, there's nothing particularly new in his opinion, but that doesn't make him wrong.

However, I think azharc may be a little mistaken in his choice of defense. The article itself doesn't support his layout choices - more the opposite in fact.
  Reply With Quote
Old 21-01-2008, 12:39   #13 (permalink)
herkalees
Semantics, yay.
 
herkalees's Avatar
 
Join Date: Nov 2005
Location: Beverly, Massachusetts
Posts: 1,520
I did just skim it - The first few words were enough to turn me away. My bad - I retract my comments and will read the entire article at some point.
__________________
  Reply With Quote
Old 21-01-2008, 14:40   #14 (permalink)
pgo
Senior Member
 
Join Date: Jan 2005
Posts: 12,336
That article makes the point that I'm often frustrated by - that people say "don't use tables, use divs" and leave it at that.

What people need to be taught is the importance of separating content, semantics, and structure (HTML) from presentation (CSS). And behavior (JavaScript/DOM).
  Reply With Quote
Old 22-01-2008, 04:57   #15 (permalink)
n.breakdown
Registered User
 
Join Date: Jan 2008
Posts: 2
Hi everybody.
It looks like we had a little misunderstanding and I am thankful because by reading my article over and over I realized it was a bit easy to get my point wrong for the casual reader.

I guess when I wrote it I thought it was so obvious I couldn't be advocating something like "tables for layout" that I simply did not state otherwise.

My bad, I probably should have used a less cryptic title, maybe something like: "Don't replace tables with divs, use proper tags instead".
Well, I learned my lesson here, if I'll ever embark into writing something about accessibility again I'll be more careful and direct.

bye
  Reply With Quote
Old 23-01-2008, 08:56   #16 (permalink)
azharc
Self Obsessed & Loving it
 
azharc's Avatar
 
Join Date: Mar 2007
Location: India
Posts: 25
Send a message via MSN to azharc
Ok ok never mind the article lol.... somone help me fix the damn page =D

Read the first post (view in IE, remember).

I'll learn DIVs after I finish this website, just help me fix this one pllleeeaaasseee!

EDIT : Or someone refer me to a good article that will help me convert the table to a div?
  Reply With Quote
Old 23-01-2008, 09:10   #17 (permalink)
Shiro
Sans Comic
 
Shiro's Avatar
 
Join Date: Aug 2007
Location: Yokohama, Japan
Posts: 7,299
Its not really a matter of converting, rather its rewriting. Its like taking a book and turning it into a computer file. You can't just convert it, you have to re-do it. In the end, you have essentially the same thing, but the computer version is much more versatile.

As to your problem, well I'll leave that to the experts...
  Reply With Quote
Old 23-01-2008, 09:13   #18 (permalink)
azharc
Self Obsessed & Loving it
 
azharc's Avatar
 
Join Date: Mar 2007
Location: India
Posts: 25
Send a message via MSN to azharc
Ok rewriting, never mind, but nobody seems to be really *helping* me. =( sigh. Realize I'm 17 and am self taught, so give me a break.
  Reply With Quote
Old 23-01-2008, 09:25   #19 (permalink)
Anxious
Munch
 
Anxious's Avatar
 
Join Date: Jun 2007
Location: Scotland
Posts: 4,705
What are you looking to have centered? It all looks centered to me?
  Reply With Quote
Old 23-01-2008, 09:32   #20 (permalink)
Shiro
Sans Comic
 
Shiro's Avatar
 
Join Date: Aug 2007
Location: Yokohama, Japan
Posts: 7,299
I don't see it either. Nice looking site though.
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive
Web Hosting by Heart Internet, vBulletin © 2000-2009 Jelsoft Enterprises Limited.
Search Engine Optimization by vBSEO 3.0.0 RC8
Web Hosting by Heart Internet