Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Positioning Issue - FF Compatibility

Status
Not open for further replies.
gwrman

gwrman

IS-IT--Management
Dec 20, 2005
94
CA

Check out this link in IE - esentially, a 3 col layout.

Now, check it out in FF - the Right Hand Column...pushed down..??

Any ideas why?

When I remove the form from the left hand col...everything is okay...BUT...i can't find any errors/conflicts!

Pls help!

html...
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]

<html>

	<head>
		<%if request.querystring("cuntface") = 1 then%>
		<meta http-equiv="refresh" content="5; url=http://www.robarspages.ca/admin/blog/blogadmin.asp?content=1" />
		<%end if%>
		
		<%if request.querystring("quizzy") = 1 then%>
		<meta http-equiv="refresh" content="5; url=http://www.robarspages.ca/admin/blog/quoteadmin.asp?content=1" />
		<%end if%>
		
		<%if request.querystring("illNaNa") = 1 then%>
		<link rel="stylesheet" type="text/css" href="[URL unfurl="true"]http://www.robarspages.ca/blogsite/bloggystyle.css"[/URL] />
		
		<%else%>
		<link rel="stylesheet" type="text/css" href="[URL unfurl="true"]http://www.robarspages.ca/style/style.css"[/URL] />
		<%end if%>
		
		<title><% = Ublogname %></title>
    	<meta name="description" content="The Personal Website Of Gary Robar and Jenn Blair"/>
    	<meta name="keywords" content="gary robar, gary, robar, Jenn Blair, Jenn, Blair halifax, nova scotia, hammonds plains, park victoria, potato gun"/>
    	<meta name="abstract" content="The personal website of Gary Robar, Halifax Nova Scotia Canada. Blogsite, Music Pages, Computer Stuff, and other general areas of interest await."/>
    	<meta name="copyright" content="Copyright © 2003-2005 Gary Robar, All Rights Reserved"/>
   		<meta name="classification" content="Personal"/>
   		<meta name="revised" content="Gary Robar, <% = response.write(date) %>"/>
   		<meta name="revisit-after" content="3 Days"/>
   		<meta name="author" content="Gary William Robar"/>
  		<meta name="generator" content="Microsoft FrontPage 6.0"/>
   		<meta name="ProgId" content="FrontPage.Editor.Document"/>
   		<meta name="doc-type" content="White Paper"/>
   		<meta name="GOOGLEBOT" content="index,follow"/>
   		<meta name="MSSmartTagsPreventParsing" content="TRUE"/>
   		<meta name="owner" content="Gary William Robar"/>
    	<meta name="ROBOTS" content="ALL"/>
   		<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
   		<meta http-equiv="Content-Language" content="en-ca"/>
    	<meta http-equiv="Content-Script-Type" content="text/javascript"/>
    	<meta http-equiv="Content-Style-Type" content="text/css"/>
   		<meta http-equiv="imagetoolbar" content="no"/>
   		<meta http-equiv="PICS-Label" content='(PICS-1.1 "[URL unfurl="true"]http://vancouver-webpages.com/VWP1.0/"[/URL] l gen false comment "VWP1.0" by "Gary W Robar" on "2004.09.30T17:481700" for "[URL unfurl="true"]http://www.robarspages.ca/index.asp"[/URL] r (P 2 S 0 V 0 Com 1 Tol 1 Env 0 SF 0 Edu 0 Can -2 MC 0 Gam -1 ))'/>
		
		<script src="[URL unfurl="true"]http://www.robarspages.ca/blogsite/popup2.js"[/URL] type="text/javascript"></script>
   		<script src="[URL unfurl="true"]http://www.robarspages.ca/blogsite/search.js"[/URL] type="text/javascript"></script>
   		<script src="[URL unfurl="true"]http://www.robarspages.ca/blogsite/search2.js"[/URL] type="text/javascript"></script>
	
   	</head>

	<body class="nestedpagebody">
	
		<a title="Back To Blog Splash Page" href=""><img border="0" src="[URL unfurl="true"]http://www.robarspages.ca/blogsite/images/header.gif"[/URL] alt="Robar's Blog Pages" /></a>
 		
 		<br />
 		<br />
 		
 		<div class="content">
 			<div class="lhs">
 				<div class="header">
 					<div id="base">
						<ul id="menu">
							<li><a href="#nogo">[Item one]</a></li>
							<li><a href="#nogo">[Item two]</a></li>
							<li><a href="#nogo">[Item three]</a></li>
							<li><a href="#nogo">[Item four]</a></li>
						</ul>
 					</div> 		
 				</div>
 				<div class="cal">
 					
 					
 					
 					
Form Here...
                  <form method="post" action="index.asp">
                    <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
                      <tr align="center"> 
                        <td> <select name="month" class="form">
                           <% For u = 1 To 12 %>
                           <option value="<%=u%>"<% If u = iMonth Then %> selected="selected"<% End If %>>
						   <%=Left(NameFromMonth(u),3)%></option>
                           <% Next %>
                          </select> </td>
                        <td> <select name="year" class="form">
						<% For y = 2003 To 2050 %>
                            <option <% If y = iYear then %> selected="selected" <% End if %>><% = y %></option>
							<% Next %>
                             </select><input type="submit" name="Submit" value="go" class="form" /></td>
                  
                      </tr>
                    </table>
                  </form>	


<br /><br />
some text.		
 				
				
 					
 				</div>
 				<div class="blog">
 					<%
						Set objConnection = Server.CreateObject("ADODB.Connection")
						objConnection.Open "Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" & Server.MapPath("mdb-database/blog.mdb")
						Set objRecordSet = Server.CreateObject("ADODB.RecordSet")
						striSQL = "Select * From blogshowcase Where ID = 1"
						objRecordSet.Open striSQL, objConnection
					%>
					<font class="headinglrgblue">
					<% = objRecordSet("title") %>
					</font>		
					<font class="contentblue"><% = objRecordSet("message") %></font>
					

			
				</div> 			
 			</div>
 			<div class="rhs">
 				<font class="headinglrgblue">Navigate Robar's Pages</font>
 				<div class="centerrhs">
 					<ul class="toplinks-ul">
  						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=1">Robar's[/URL] Pages Home</a></li>
  						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=91">Music[/URL] Site</a></li>
  						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=94">Computer[/URL] Site</a></li>
  						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=93">Links[/URL] Page</a></li>
  						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=89">Gary's[/URL] Blog</a></li>
  						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=95">Site[/URL] Statistics</a></li>
  						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=98">About[/URL] Me</a></li>
  						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=90">Fitness[/URL] Site</a></li>
						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=97">Contact[/URL] Gary</a></li>
  						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=96">Site[/URL] Map</a></li>
  						<li><a href="[URL unfurl="true"]http://www.robarspages.ca/linksite/insideurl.asp?insideLinkID=355">Report[/URL] Bugs &amp; Errors</a></li>
					</ul>
				</div>
  			</div>
 		</div>	
	
	
	<br /><br /><br />
	<br /><br /><br />	
			
		

   		
   	
   	
</body>
</html>

...css

Code: 
.content		{width: 864px; border: 1px solid red; padding: 1px; margin-left: auto; margin-right: auto; text-align: left; display: table;}
.lhs			{border: 1px solid blue; width: 74%; float: left; padding: 1px;}
.rhs			{border: 1px solid green; width: 25%; float: right; padding: 1px;}
.header			{border: 1px solid purple; padding: 1px; }
.blog			{border: 1px solid black; width: 75%; float: right; padding: 1px;}
.cal			{border: 1px solid orange; width: 23%; float: left; padding: 1px;}
		

.centerrhs		{width:84%; margin:10px 0 0 30px;}



/* CSS for the Horizontal Nav Bar */
#base {
    border: 0px solid #000;
    margin-bottom: 25px;
    width: 440px;
    padding: 0 24px 0 0;
    height: 44px;
    background: url('[URL unfurl="true"]http://www.robarspages.ca/photosite/images/linkbarright.gif')[/URL] top right no-repeat;
    }
    
#menu {
    padding: 0 0 0 24px;
    height: 44px;
    margin:0;
    background: url('[URL unfurl="true"]http://www.robarspages.ca/photosite/images/linkbarleft.gif')[/URL] top left no-repeat;
    color:#fff;
    }

#menu li {
    display:inline;
    }

#menu li a {
    padding-top:12px;
    background:#282484;
    color:#ffff99;
    float:left;
    border:0px solid #000;
    height: 32px;
    width: 104px;
    text-align: center;
    text-decoration: none;
    font-size: 13px
    }

#menu li a:hover {
    background:#282484;
    color:#cb7901;
    }

Thanks in advance for any help!
 
Sort by date Sort by votes
Sorry Dan,

I have tried that but no juice.

Thanks for looking!
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

PSchubert
  • Locked
  • Question
Data in db table cell not displayed in asp table cell -- a CSS issue?
Replies
2
Views
145
vacunita
vacunita
lupidol
  • Locked
  • Question
Positioning elements, how do I do it ?! 2
Replies
2
Views
141
vacunita
vacunita
ggriffit
  • Locked
  • Question
strange div positioning 1
Replies
9
Views
176
ggriffit
ggriffit
Blueie
  • Locked
  • Question
Positioning Twitter box? 1
Replies
7
Views
183
1DMF
1DMF
c0deM0nK424
  • Locked
  • Question
Problem with positioning Logo, Search Box and Language Bar OUTSIDE of the navbar (Bootstrap) 1
Replies
2
Views
111
c0deM0nK424
c0deM0nK424

Part and Inventory Search

Sponsor

Back
Top