Tables to CSS — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

This page's ID: 27709

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	[quote] [b]Hugh said:[/b] I was gonna just do that when its finished [/quote] No! Never do it that way. [quote] [b]Hugh said:[/b] HELP! The only thing I changed was that it validated, lowercased tag names, put <link> in the head, and put attribs in "quotes" that was about it. Could this drastically change its output ?: <!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" lang="en" xml:lang="en"> [/quote] Of course! That's why you always start with your doctype in place and your code valid. [quote] [b]Hugh said:[/b] Oh also.. any idea why you gotta scroll to the right? [/quote] Off hand - no. I'll come back later and dig through your example more, but all the positioning you have going on, and all those needless divs in the header portion are jsut asking for trouble. Specifying position:relative; is pointless - that's teh defualt. Specifying all the top/left values is completely unnecessary. It is the way people always try to do it when they go for a CSS layout for the first time. You have to change your way of approaching this, and allow the document to flow naturally. More often than not, things will line up properly almost by default. Also, specifying a div whose sole purpose is to hold a background image is about as semantically incorrect as using an image tag for decorative images, or using a table for layout. Trim down your markup - cut out anything not needed for the structure of the document. Trim out all the positioning attributes of your CSS, use FLOAT where necessary to line elements up side by side, and attach background images to the existing elements where possble. The z-indexes aren't doing anything for you either. It is always best to start with the least amount of code, and build up only when needed. Always try to solve your problem without adding extraneous mark-up, and without trying to nail down your CSS positioning. At the same time, don't fight to avoid adding tags that are relevant structurally. Gotta run for the moment...be back later to look more at the code. [url=http://in-dented.com/sigs.html][img]http://in-dented.com/sigs/knot_sig_32.gif[/img][/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu