Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 17
  1. #1
    Member suz4x4's Avatar
    Join Date
    Mar 2007
    Location
    Long Island, NY
    Posts
    78
    Member #
    14978
    Help? please I am so lost and I have been looking:glasses: all over to try and find an answer on why this page looks the way I would like in FF but in IE the div #resources stay vertical and the footer on the right floats up to the top. I got the code from a tutorial I found linked here somewhere, I don't even know it it is the correct way at all to achieve it. I have tried a few suggestions but they did not work for me so I don't know what it is I am doing wrong. I going a bit bonkers :cry: at this point please help?

    Thanks,

    Sue

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,732
    Member #
    5580
    Liked
    718 times
    I started looking at this and even took a shot at it ...

    http://www.catpin.com/mills

    So many nested <tables> and <divs> .... I finally gave up.
    It's a mess.

    You need to find a 100% CSS template you can use.
    Don't use <tables> at all.

    http://www.google.com/search?hl=en&s...es&btnG=Search


  4. #3
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    What happened to the CSS layout I made for you?! :ermm: Are you having problems with it?
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  5. #4
    Member suz4x4's Avatar
    Join Date
    Mar 2007
    Location
    Long Island, NY
    Posts
    78
    Member #
    14978
    Quote Originally Posted by mlseim
    I started looking at this and even took a shot at it ...

    http://www.catpin.com/mills

    So many nested <tables> and <divs> .... I finally gave up.
    It's a mess.

    You need to find a 100% CSS template you can use.
    Don't use <tables> at all.

    http://www.google.com/search?hl=en&s...es&btnG=Search
    Hi
    Thanks but that is not my site LOL!!! this is cohmlaw.com
    but your right there are tables etc... but this was my plan to just get it up then work on the css version I had created for me. reasoning is that I obviously don't know what I am doing when it comes to css yet and it is taking me too long to show my office something. so if I can just get it to look like it does in FF in IE for now then for one then I have learned something that I can apply to the css version. ( that I will have time to play with and then just switch it when it is complete without a time frame) I hope that makes sense and Thank you for trying! I really appreciate it!
    Sue

  6. #5
    Member suz4x4's Avatar
    Join Date
    Mar 2007
    Location
    Long Island, NY
    Posts
    78
    Member #
    14978
    Quote Originally Posted by karinne
    What happened to the CSS layout I made for you?! :ermm: Are you having problems with it?
    Hey no it is great everything seems to work in both now, I just don't know how to move everything over without wrecking what you have and taking too long to do it. I just don't know enough yet and getting frustrated with how long it takes me to figure it all out. SOOOO much to learn or I am just not getting it. My office is loooking to get it done soon. so I was hoping just to give them something then I can work on your version and learning without the pressure of a time frame.
    I can't thank you enough for your help!
    Sue

  7. #6
    Member suz4x4's Avatar
    Join Date
    Mar 2007
    Location
    Long Island, NY
    Posts
    78
    Member #
    14978
    Quote Originally Posted by karinne
    What happened to the CSS layout I made for you?! :ermm: Are you having problems with it?
    I just had a thought... freightening I know! lol!
    should I just leave the pages I have for now then any new pages use the css version and just figure it all out rather than worrying about moving stuff over for now. I really am trying! I have been reading tutorial after tutorial which to be honest I am just feeling more and more confused. I know what I want it to look like I just dont know how to achieve it yet one site tells you not to use divs too much yet another tells you to use divs for everything.... I just want to do it right and it to work on both FF and IE. okay enough of my ranting I am obviously frustrated.
    Thanks all!
    Sue

  8. #7
    Senior Member paintingtheweb's Avatar
    Join Date
    Jul 2007
    Location
    Las Vegas
    Posts
    128
    Member #
    15503
    This is bascially the way I go about things - for the layout of the site (like containters, headers, content, footer - stuff like that) stick with divs. Div stands for 'division' - think of it as a certain section of the page. Now as far your actual content goes, using tables is fine - actually somes it make much more sense to use tables. Just try not to over use them.

    I think the reason that people think that you should use divs for everything is simply that you can style divs a lot easier and better than you can with tables. However to say never to use tables for anything I personally think is a bit narrow-minded. I think you should try and learn to use everything that is presented to you and make it work for you to it's fullest potential. Use the tags that html provides. That's what they're there for.

  9. #8
    Member suz4x4's Avatar
    Join Date
    Mar 2007
    Location
    Long Island, NY
    Posts
    78
    Member #
    14978
    Quote Originally Posted by paintingtheweb
    This is bascially the way I go about things - for the layout of the site (like containters, headers, content, footer - stuff like that) stick with divs. Div stands for 'division' - think of it as a certain section of the page. Now as far your actual content goes, using tables is fine - actually somes it make much more sense to use tables. Just try not to over use them.
    I
    Hey Thanks for the reply.
    I hear ya! I am just under pressure and I learning as I go and some of the tutorials and even books say such different things. I think I get a concept then I try it and it looks different in IE and FF and when you are just learning(at least for me)it is very confusing and I don't always know how to put it all together correctly. I guess I am looking for someone to hold my hand through the scary learning process! LOL!!! hence why I am here looking for help.... but I will keep what you said in mind! thank you,
    Sue

  10. #9
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    This works fine with the code I did for you

    Code:
    <!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-US" xml:lang="EN-US">
    
    <head>
    	<title>Colleran, O'Hara &amp; Mills - A full Serice Law Firm Specializing in Labor Law</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    	
    	<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
    	
    </head>
    
    <body>
    <div id="wrapper">
    <!-- header -->
    
    <div id="header">
    	<img src="i/logo.jpg" width="750" height="73" alt="Colleran, O'Hara &amp; Mills" />
    	<h1>Colleran, O'Hara &amp; Mills - A Full Serice Law Firm Specializing in Labor Law</h1>
    	<div id="navigation">
    		<ul>
    			<li><a href="">Home</a></li>
    			<li><a href="">About Us</a></li>
    			<li><a href="">Areas of Practice</a></li>
    			<li><a href="">Attorney Profiles</a></li>
    			<li><a href="">News</a></li>
    			<li><a href="">Resources</a></li>
    			<li><a href="">Contact Us</a></li>
    		</ul>
    
    	</div>
    	<div id="header-wrap">
    		<img src="i/header-pic/cohmcollage.jpg" width="220" height="215" alt="" class="headerpic" />
    		<div id="top-block">
    			<form class="search-site">
    				<table><tr><td><label for="search">Site search</label></td><td><input type="text" name="search" /></td><td><input type="image" name="submit" src="i/buttons-bullets/submit-green.jpg" class="submit" /></td></tr></table>
    			</form>
    			<div class="top-block-left">
    
    				<strong>Colleran, O'Hara &amp; Mills L.L.P.</strong>
    				<ul>
    					<li><a href="">Praesent vestibulum molestie lacusaenean</a></li>
    					<li><a href="">Nonummy hendrerit mauris.</a></li>
    					<li><a href="">Phasellus porta. Fusce suscipit varius mi.</a></li>
    					<li><a href="">Cum sociis natoque penatibus et magnis</a></li>
    
    				</ul>
    			</div>
    			<div class="top-block-right" style="background-image: url(i/header-pic/block.jpg);">
    			<address>Colleran, O'Hara &amp;Mills L.L.P.<br />
    				1225 Franklin Ave, Suite 450,<br />
    				Garden City, NY 11530<br />
    				Phone: 516-248-5757<br />
    				Fax: 516-742-1765</address>
    			</div>
    		</div>
    	</div>
    </div>
    <!-- END OF header -->
    
    <!-- content -->
    <div id="wrap">
    
    	<table style="width: 100%">
    	<tr>
    		<td style="width: 50%; vertical-align: top;"><h2>LABOR LINKS</h2>
    		<ul>
    			<li><a href="http://www.aflcio.org/">AFL-CIO</a></li>
    			<li><a href="http://www.nysaflcio.org/">New York State AFL-CIO</a></li>
    			<li><a href="http://www.nlrb.gov/">National Labor Relations Board </a></li>
    			<li><a href="http://www.labor.state.ny.us/">New York State Department of Labor</a></li>
    			<li><a href="http://www.pbgc.gov/">Pension Benefit Guaranty Corp.</a></li>
    			<li><a href="http://www.dol.gov/dol/topic/benefits-leave/fmla.htm">Family Medical Leave Act</a></li>
    			<li><a href="http://www.local361.com/">Local 361.com</a></li>
    		</ul></td>
    		<td style="width: 50%; vertical-align: top;"><h2>STATE LINKS</h2>
    		<ul>
    			<li><a href="http://www.state.ny.us/">New York State Government</a></li>
    			<li><a href="http://www.courts.state.ny.us/">New York State Unified Court System</a></li>
    			<li><a href="http://www.oag.state.ny.us/">Attorney General's Office</a></li>
    			<li><a href="http://www.perb.state.ny.us/index.asp">Public Employment Relations Board</a></li>
    			<li><a href="http://www.dos.state.ny.us/">New York Secretary of State Filings</a></li>
    		</ul></td>
    	</tr>
    	<tr>
    		<td style="width: 50%; vertical-align: top;"><h2>REGIONAL LINKS</h2>
    		<ul>
    			<li><a href="http://www.mta.nyc.ny.us/lirr/">Metropolitan Transportation Authority</a></li>
    			<li><a href="http://www.ci.nyc.ny.us/">N.Y.C.gov - The Official New York City Website</a></li>
    			<li><a href="http://www.co.nassau.ny.us/">Nassau County</a></li>
    			<li><a href="http://www.co.suffolk.ny.us/">Suffolk County</a></li>
    			<li><a href="http://www.co.rockland.ny.us/">Rockland County</a></li>
    			<li><a href="http://www.co.westchester.ny.us/">Westchester County</a></li>
    		</ul></td>
    		<td style="width: 50%; vertical-align: top;"><h2>NEW YORK STATE COURTS</h2>
    		<ul>
    			<li><a href="http://www.courts.state.ny.us/ad4/Court/Decision.htm">Appellate Division, Fourth  Department</a></li>
    			<li><a href="http://www.courts.state.ny.us/ad3/index.html">Appellate  Division, Third Department</a></li>
    			<li><a href="http://www.courts.state.ny.us/ctapps/">Court of Appeals</a></li>
    			<li><a href="http://www.law.cornell.edu/">Legal Information Institute</a></li>
    			<li><a href="http://www.courts.state.ny.us/decisions/index.shtml">Nassau County Supreme Court Decisions and Orders</a></li>
    			<li><a href="http://www.courts.state.ny.us/ctpages.html">New York State Courts on the Web</a></li>
    			<li><a href="http://www.courts.state.ny.us/8jd/NYSSCLawLib/unreported_cases.htm">New York Supreme Court Library at Buffalo</a></li>
    			<li><a href="http://www.courts.state.ny.us/webdb/wdbcgi.exe/cms/CMS.DECISIONS_NDAWCASE.show_parms">New York Unified Court System Online Decisions</a></li>
    			<li><a href="http://www.courts.state.ny.us/queenslib/decisions.htm">Queens County Supreme Court Library</a></li>
    		</ul></td>
    	</tr>
    	<tr>
    		<td style="width: 50%; vertical-align: top;"><h2>FEDERAL COURTS</h2>
    		<ul>
    			<li><a href="http://www.nysd.uscourts.gov/">Southern District Court</a></li>
    			<li><a href="http://www.nysb.uscourts.gov/">SDNY (bankruptcy)</a></li>
    			<li><a href="http://www.nyed.uscourts.gov/">Eastern District Court of New York</a></li>
    			<li><a href="http://www.nyed.uscourts.gov/">EDNY (bankruptcy)</a></li>
    			<li><a href="http://www.nywd.uscourts.gov/">Western District Court of New York</a></li>
    		</ul></td>
    		<td style="width: 50%; vertical-align: top;"><h2>ERISA/RETIREMENT</h2>
    		<ul>
    			<li><a href="http://www.ssa.gov/">Social Security Earnings Record</a></li>
    			<li><a href="http://www.dol.gov/ebsa/">Pension &amp; Welfare Benefits Administration</a></li>
    			<li><a href="http://www.freeerisa.com/">ERISA Info</a></li>
    			<li><a href="http://www.ifebp.org/">International Foundation of Employee Benefits Plans</a></li>
    		</ul></td>
    	</tr>
    	<tr>
    		<td style="width: 50%; vertical-align: top;"><h2>STATUTES AND REGULATIONS</h2>
    		<ul>
    			<li><a href="http://www.senate.state.ny.us/">New York State Senate</a></li>
    			<li><a href="http://www.assembly.state.ny.us/">New York State Assembly</a></li>
    			<li><a href="http://www.findlaw.com/">Findlaw.com</a></li>
    			<li><a href="http://www.senate.gov/">United States Senate</a></li>
    			<li><a href="http://www.house.gov/">United States House of Representitives</a></li>
    			<li><a href="http://thomas.loc.gov/">Federal Legislative Information on the Internet</a></li>
    		</ul></td>
    		<td style="width: 50%; vertical-align: top;"><h2>TAX FORMS</h2>
    		<ul>
    			<li><a href="http://www.irs.gov/">Internal Revenue Service Forms</a></li>
    			<li><a href="http://www.tax.state.ny.us/">New York State Tax Forms</a></li>
    		</ul></td>
    	</tr>
    	</table>
    	
    </div>
    <!-- END OF content -->
    <div class="push"></div>
    </div>
    
    <!-- footer -->
    <div id="footer">
    	<p>Colleran,O'Hara &amp; Mills L.L.P @ 2007.</p>
    
    	<ul>
    		<li><a href="" class="first">Home</a></li>
    		<li><a href="">About Us</a></li>
    		<li><a href="">Areas of Practice</a></li>
    		<li><a href="">Attorney Profiles</a></li>
    		<li><a href="">News</a></li>
    		<li><a href="">Resources</a></li>
    		<li><a href="">Contact Us</a></li>
    		<li><a href="">Disclaimer</a></li>
    	</ul>
    	
    </div>
    <!--END OF footer -->
    
    </body>
    </html>
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  11. #10
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    And your CSS to replace the one I did for you

    Code:
    /*html, body, ul, li, input, form, h4, form {
       	margin: 0;
       	padding: 0;
    }*/
    
    * {
       	margin: 0;
    }
    
    html, body {
       	height: 100%;
    }
    
    body {
      	font: 11px Tahoma, Geneva, sans-serif;
       	color: #757575;
    }
    
    /* ----------------- common elements ----------------------- */
    
    img {
       	border: 0;
    }
    
    #header h1 {
       	display: none;
    }
    
    h2 {
      	background: #fff url(../i/h2-line.jpg) no-repeat 0 -3px;
       	color: #757575;
       	font-size: 11px;
       	height: 20px;
       	padding-left: 15px;
    }
    
    h3 {
      	color: #82A950;
       	font-size: 12px;
    }
    
    h4 {
       	color: #757575;
       	font-size: 11px;
    }
    
    a {
       	color: #7F410F;
    }
    
    .line {
       	border-bottom: 1px solid #ccc;
       	line-height: 0;
       	width: 90%;
    }
    
    /* ----------------- form styles ------------------------------ */
    .search-site, .enter-liame {
     	overflow: auto;
       	width: 100%;
    }
    
    .search-site table, .enter-liame table {
       	float: right;
       	border-collapse: separate;
       	margin: 2px 0 10px;
    }
    
    .enter-liame table {
      	float: none;
    }
    
    .search-site table td {
       	padding: 3px;
    }
    
    .search-site label {
       	color: #fff;
    }
    
    .search-site input, .enter-liame input {
       	border: 1px solid #999;
       	width: 150px;
     	height: 18px;
    }
    
    .search-site input.submit, .enter-liame input.submit {
      	width: 22px;
       	height: 22px;
       	border: 0;
    }
    
    /* ----------------- main separations ----------------------- */
    #wrapper {
       	min-height: 100%;
       	height: auto !important;
       	height: 100%;
       	margin: 0 auto -35px; /* the bottom margin is the negative value of the footer's height */
    }
    
    #header {
       	background: url(../i/header-bg.jpg) repeat-x 0 100px;
       	height: 314px;
       	margin-bottom: 10px;
       	color: #757575;
       	font-size: 12px;
    }
    
    #header #header-wrap {
       	width: 750px;
    }
    
    #wrap, #content-wrap {
       	width: 715px;
       	padding: 0 0 10px 35px;
       	overflow: auto;
    }
    
    #content-wrap {
       	background: #fff url(../i/content-bg.jpg) repeat-y 0 0;
    }
    
    #content {
      	float: left;
       	width: 485px;
       	padding-right: 15px;
    }
    
    #sidebar {
       	float: right;
       	width: 200px;
    }
    
    #footer, .push {
       	height: 22px; /* .push must be the same height as .footer */
    }
    
    #footer {
       	background: url(../i/footer-bg.jpg) repeat-x 0 0;
       	padding-top: 13px;
       	color: #fff;
       	font-size: 10px;
    }
    
    /* ----------------- header: styles --------------------------- */
    
    #navigation {
       	height: 24px;
       	background-color: #5a5a5a;
       	border-bottom: 1px solid #fff;
    }
    
    #navigation ul {
       	list-style: none;
    }
    
    #navigation ul li {
       	float: left;
       	white-space: nowrap;
    }
    
    #navigation ul li a {
       	display: block;
       	float: left;
       	border-right: 1px solid #fff;
       	padding: 3px 22px 0;
       	color: #fff;
       	text-decoration: none;
       	height: 21px;
       	font-size: 12px;
    }
    
    #navigation ul li a:hover {
       	background-color: #999;
    }
    
    #header .headerpic {
       	border-right: 1px solid #fff;
       	height: 214px;
       	height: 215px;
       	float: left;
    }
    
    #top-block {
       	float: right;
       	width: 529px;
       	text-align: right;
    }
    
    .top-block-left {
       	float: left;
       	width: 280px;
       	text-align: left;
       	padding: 15px 0 0 20px;
       	color: #fff;
    }
    
    .top-block-left ul {
       	list-style: none;
       	margin: 10px 0 0 0;
       	padding: 0;
    }
    
    .top-block-left ul li {
       	margin: 5px 0;
       	padding: 0 0 0 13px;
       	background: #9cb675 url(../i/buttons-bullets/bullet-orange.jpg) no-repeat 0 4px;
    }
    
    .top-block-left a {
       	font-weight: bold;
    }
    
    .top-block-right {
       	float: right;
       	width: 185px;
       	height: 126px;
       	color: #fff;
       	padding: 30px 20px 0;
       	text-align: left;
       	font-weight: bold;
    }
    
    .top-block-right p {
       	margin: 0;
       	padding: 0;
    }
    
    .top-block-right address {
       	font-style: normal;
       	text-align: center;
    }
    
    /* ----------------- content: styles--------------------------- */
    #wrap ul, #content-wrap ul {
      	list-style: none;
       	margin: 10px 0 0 0;
       	padding: 0;
    }
    
    #wrap ul li, #content-wrap ul li {
       	margin: 5px 0;
       	padding: 0 0 0 20px;
       	background: #fff url(../i/buttons-bullets/bullet-green.jpg) no-repeat 0 2px;
    }
        
    #wrap table, #content-wrap table {
        width: 100%;
        border-collapse: separate;
        margin-bottom: 10px;
    }
    	
    table td {
    	padding: 2px 2px 10px;
    }
    
    /* ----------------- footer: styles --------------------------- */
    #footer p {
      	margin: 0 0 0 10px;
       	padding: 0;
       	float: left;
    }
    
    #footer p.copy {
       	margin: 0 0 0 10px;
    }
        	
    #footer ul {
       	list-style: none;
       	display: inline;
    }
    
    #footer ul li {
       	float: left;
       	white-space: nowrap;
    }
    
    #footer ul li a {
       	float: left;
       	border-right: 1px solid #fff;
       	padding: 0 5px;
       	font-weight: normal;
    }
    
    #footer ul li a.first {
       	border-left: 1px solid #fff;
       	margin-left: 10px;
    }
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:39 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com