Guest uber Posted November 4, 2006 Share Posted November 4, 2006 <?xml version="1.0" encoding="windows-1225"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <link rel="stylesheet" href="index.css" type="text/css" /> <title>home</title> <style type="text/css"> @charset "windows-1225"; body { background-color: #F5F5F5; font-family: Tahoma } table { border: 1px solid #000000; } #fullheight { height: 100% } #fullwidth { width: 100% } #full { height: 100%; width: 100% } #width40 { width: 40% } .tab { width: 10%; text-align: center; border: 1px solid #000000 } .tab a:hover { background-color: #9ACD32 } .tab a { text-decoration: none; color: #000000; padding: 5px } </style></head><body> <table id="full"> <tr> <td valign="top"> <table id="fullwidth"> <tr> <td class="tab"><a href="home.xhtml">Index</a></td> <td class="tab"><a href="Regiteration.xhtml">Registeration</a></td> <td class="tab"><a href="content.xhtml">Content</a></td> <td class="tab"><a href="about.xhtml">about</a></td> <td class="width40"> </td> </tr> </table> </td> </tr> <tr> <td valign="top" id="fullheight"> Content<br /> </td> </tr> </table></body> </html> the outer table doesn't take 100% of the page on FF 2,but it's ok with IE.I have no idea why Thanks in Advance. Link to comment Share on other sites More sharing options...
jlhaslip Posted November 5, 2006 Share Posted November 5, 2006 Probably because IE sux? As does using tables for lists. Try using ul's and li's. Then add margins and padding to space them. Easy.Also, the order of the .tab class selectors will be a problem. List them in the order of Link a , Visited a:visited, Hover a:hover , Active a:active, or they wont behave themselves as you expect them to. (lover=lvha) Link to comment Share on other sites More sharing options...
Naive Amoeba Posted November 7, 2006 Share Posted November 7, 2006 Jlhaslip is right: tables are horrible and should only be used when showing.. well, a table.Plus, you seem to have missed off several semicolons in your css code, and "valign" is invalid XHTMl, and the class "width40" is a very non-semantic name :)Just remember, design for firefox, botch for IE. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now