Topic: CSS to replace tables Pages that link to <a href="https://ozoneasylum.com/backlink?for=30440" title="Pages that link to Topic: CSS to replace tables" rel="nofollow" >Topic: CSS to replace tables\

 
Author Thread
bjwaters
Nervous Wreck (II) Inmate

From:
Insane since: Apr 2008

IP logged posted posted 07-28-2008 07:37 Edit Quote

Ok, I know I am way in the past with the elimination of tables, but I am finally making the switch. I am using the float property with two div ids to emulate 2 column tables. In the nav table on the left I am trying to use another div tag with different properties to emulate a second table. My first problem is I can't seem to get the inner table to vertically align. I have tried the valign tag within the html as well as vertical-align: middle within the CSS. Any ideas?

My second problem is that in Firefox the right column doesn't float, but is placed below my nav column, but only in Firefox, it works fine in IE?
You can see what I mean at http://getyournotes.com/v2

Thanks a bunch.

B.

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 07-28-2008 13:50 Edit Quote

http://www.ozoneasylum.com/29308?&latestPost=true#latestPost

bjwaters
Nervous Wreck (II) Inmate

From:
Insane since: Apr 2008

IP logged posted posted 07-28-2008 21:32 Edit Quote

I have solved this problem. Thanks for the help Reisio.

bjwaters
Nervous Wreck (II) Inmate

From:
Insane since: Apr 2008

IP logged posted posted 07-28-2008 22:07 Edit Quote

Ok, I have looked for quite a while and have not found a clear answer to another question that I have. Is there anyway with my main body div to limit the amount of space text can go. I tried maximum width, but that screwed up everything. I would like for the text to automatically be formatted into paragraphs.

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 07-29-2008 02:24 Edit Quote

Looks like you've sort of figured it out already, though p's inside h2's isn't right.

Just set margin-right or width.

Ensellitis
Paranoid (IV) Inmate

From: Kansas City, MO , USA
Insane since: Feb 2002

IP logged posted posted 08-16-2008 17:33 Edit Quote

looking good. looks like you cleaned up all the code now, too

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 08-17-2008 15:14 Edit Quote

is it just a temporary glitch or the markup is a mess ? It looks like 2 pages are inserted in one document, plus there is different case for the tags ( <Br> ), some exotic tags ( e.g. <justify> ), deprecated tags ( e.g. <center> ), weird closing tags ( <style> in the middle of the markup ), ... FYI the w3c validator reports 105 errors and 5 warnings, the HTML5 validator reports 25 errors.

Was there anything wrong with the basic ( valid HTML5 ) page I gave in CSS as Colums not in IE though ? AFAIK it should be enough to provide a template for all your pages.

bjwaters
Nervous Wreck (II) Inmate

From:
Insane since: Apr 2008

IP logged posted posted 08-17-2008 21:52 Edit Quote

If you are looking at the /v2 version that one is no longer correct and is not updated at all. All the new files have been place in the / dir. As for the markup looking like 2 pages are in the one I am using a php include for the header, footer, and left nav. These files did have the common HTML tags present in them, but should be removed now.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu