Advertisement

11.30.2007 at 01:29PM PST, ID: 22994375
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

problems with div's for IE and Firefox

Tags: firefox, div, ie
here is my issue...I am created a new web site that has a header 'graphic', then a menu 'row' (horizontal menu), then a main content area, then a footer area. Each of these 'areas' (divs) has a background image associated with them. I have been 'fairly' successful in get this all to be 'centered' in my browser by using the       margin: 0 auto; setting in my stylesheet.  Then I went on to the content...the Content I was setup as two 'columns' so I setup a table to set on top of the content 'image' and setup margin-top, margin-right, values for the 'content' div which is where the table is sitting...Then I wanted to add some 'graphics' to the right column of the table and have 'divs' setting 'on top' of those graphics...I created another table to sit inside of the right column and have this secondar table have 3 rows...each row holding a 'graphic'.  This was working in IE but when I went to view it in Firefox, Firefox was having problems with the secondary table graphic being in the right place, and the text (which was defined in a div) not appearing over the graphics...I know this is all 'text' and I don't have a website to show you and there is no way for me to 'copy/paste' a screen show of what I am seeing in Firefox...Any suggestions.
Start your free trial to view this solution
Question Stats
Zone: Software
Question Asked By: cenetadmin
Solution Provided By: cenetadmin
Participating Experts: 1
Solution Grade: A
Views: 122
Translate:
Loading Advertisement...
12.02.2007 at 09:09AM PST, ID: 20391547

All comments and solutions are available to Premium Service Members only.

Start your 7 day free trial and see for yourself why Experts Exchange is the easiest and most proven technology resource in the world. Get Started

Already a member? Login to view this solution.

 
12.07.2007 at 12:29PM PST, ID: 20430555

All comments and solutions are available to Premium Service Members only.

Start your 7 day free trial and see for yourself why Experts Exchange is the easiest and most proven technology resource in the world. Get Started

Already a member? Login to view this solution.

 
12.11.2007 at 05:59AM PST, ID: 20449325

All comments and solutions are available to Premium Service Members only.

Start your 7 day free trial and see for yourself why Experts Exchange is the easiest and most proven technology resource in the world. Get Started

Already a member? Login to view this solution.

 
 
Loading Advertisement...
Microsoft
  • Internet Protocols
  • Applications
  • Development
  • OS
  • Hardware
  • Windows Security
Apple
  • Operating Systems
  • Hardware
  • Programming
  • Networking
  • Software
Internet
  • Search Engines
  • File Sharing
  • WebTrends / Stats
  • Spy / Ad Blockers
  • Web Browsers
  • New Net Users
  • Web Development
  • Chat / IM
  • Anti Spam
  • Web Servers
  • Anti-Virus
  • Email Clients
Gamers
  • Tips
  • Online / MMORPG
  • Puzzle
  • Emulators
  • Action / Adventure
  • Role Playing
  • Consoles
  • Game Programming
  • Strategy
  • Sports
  • Misc
  • Computer Games
Digital Living
  • Hardware
  • New Net Users
  • New Users
  • Software
  • Digital Music
  • Gaming World
  • Home Security
  • Apple
  • Networking Hardware
Virus & Spyware
  • Vulnerabilities
  • IDS
  • Encryption
  • Anti-Virus
  • Operating Systems Security
  • Software Firewalls
  • WebApplications
  • Cell Phones
  • Operating Systems
  • Internet
  • Hardware Firewalls
Hardware
  • Handhelds / PDAs
  • Displays / Monitors
  • Components
  • Networking Hardware
  • Peripherals
  • Laptops/Notebooks
  • Storage
  • Servers
  • Desktops
  • New Users
  • Misc
  • Apple
Software
  • System Utilities
  • Industry Specific
  • Network Management
  • Photos / Graphics
  • Page Layout
  • VMWare
  • Misc
  • Web Development
  • OS
  • CYGWIN
  • Voice Recognition
  • Message Queue
  • Quality Assurance
  • Security
  • Firewalls
  • MultiMedia Applications
  • Development
  • Database
  • Office / Productivity
  • Business Management
  • OS/2 Apps
  • Server Software
  • Internet / Email
ITPro
  • OS
  • Storage
  • Encryption
  • Operating Systems Security
  • Apple Hardware
  • Laptops & Notebooks
  • Servers
  • Networking Hardware
  • Peripherals
  • Devices
  • Displays / Monitors
  • WebTrends / Stats
  • Search Engines
  • Firewalls
  • WebApplications
  • IDS
  • Vulnerabilities
  • Email Clients
  • File Sharing
  • Spy / Ad Blockers
  • Web Browsers
  • Web Servers
  • Networking
  • Anti-Virus
  • Chat / IM
  • Anti Spam
Developer
  • Web Servers
  • Web Browsers
  • Game Programming
  • Dev Tools
  • Industry Specific
  • Office / Productivity
  • Database
  • CYGWIN
  • Web Development
  • Search Engines
  • File Sharing
  • WebTrends / Stats
  • Programming
  • Content Management
  • Application Servers
  • Protocols
Storage
  • Removable Backup Media
  • Storage Technology
  • Servers
  • Grid
  • Remote Access
  • Backup / Restore
  • Misc
  • Hard Drives
OS
  • Miscellaneous
  • Security
  • Development
  • Linux
  • VMWare
  • MainFrame OS
  • Unix
  • Apple
  • OS / 2
  • AS / 400
  • BeOS
  • Microsoft
  • VMS / OpenVMS
Database
  • Oracle
  • Miscellaneous
  • MySQL
  • Software
  • Sybase
  • Contact Management
  • PostgreSQL
  • Data Manipulation
  • Clarion
  • InterSystems Cache
  • Siebel
  • MUMPS
  • OLAP
  • SQLBase
  • SAS
  • GIS & GPS
  • 4GL
  • Berkeley DB
  • DB2
  • Informix
  • Interbase / Firebird
  • FoxPro
  • Reporting
  • LDAP
  • Filemaker Pro
  • MS SQL Server
  • dBase
  • MS Access
Security
  • Misc
  • Web Browsers
  • Software Firewalls
  • Operating Systems Security
  • File Sharing
  • Spy / Ad Blockers
  • Vulnerabilities
  • WebApplications
  • IDS
  • Anti-Virus
  • Encryption
  • Anti Spam
  • Email Clients
  • VPN
  • Chat / IM
Programming
  • Editors IDEs
  • Installation
  • Handhelds / PDAs
  • Multimedia Programming
  • System / Kernel
  • Algorithms
  • Game
  • Signal Processing
  • Project Management
  • Open Source
  • Database
  • Misc
  • Languages
  • Processor Platforms
  • Theory
Web Development
  • Scripting
  • Blogs
  • Web Servers
  • Software
  • Search Engines
  • Web Graphics
  • Images
  • Internet Marketing
  • Images and Photos
  • Components
  • Document Imaging
  • Web Languages/Standards
  • Illustration
  • WebApplications
  • Fonts
  • WebTrends / Stats
  • Authoring
  • Digital Camera Software
  • Miscellaneous
Networking
  • Protocols
  • Apple Networking
  • Network Management
  • Message Queue
  • Application Servers
  • Content Management
  • File Servers
  • Email Servers
  • Misc
  • Java Editors & IDEs
  • Wireless
  • Networking Hardware
  • Backup / Restore
  • System Utilities
  • ISPs & Hosting
  • Web Servers
  • Storage Technology
  • Removable Backup Media
  • Servers
  • Broadband
  • Grid
  • OS / 2
  • Novell Netware
  • Unix Networking
  • Windows Networking
  • Security
  • Telecommunications
  • Operating Systems
  • Linux Networking
Other
  • Community Advisor
  • Lounge
  • Community Support
  • New Net Users
  • Philosophy / Religion
  • Math / Science
  • Miscellaneous
  • URLs
  • Expert Lounge
  • Politics
  • Puzzles / Riddles
Community Support
  • Suggestions
  • New to EE
  • New Topics
  • Community Advisor
  • CleanUp
  • Announcements
  • General
  • Feedback
  • Input
  • EE Bugs
 
12.02.2007 at 09:09AM PST, ID: 20391547
Other than not using tables for layout, I can't offer much advice without seeing any code.

Could you paste some of your html and css?
 
12.07.2007 at 12:29PM PST, ID: 20430555
What I want to do is within the 'content' area div I want to place other 'divs' within it that will appear 'on top' of it and then those will be layout almost 'absolute' or at least where I can put them to look like they are in columns...(that is why I used a table)...I am sure it is something simple but I couldn't ever get the divs to appear that way, they would also show up above or below...I took them out for now and just sent you a plain masterpage and the stylesheet...
Thanks
JC
Here is some of my stylesheet.
BODY
{
      /*SCROLLBAR-FACE-COLOR:#BED3CA; this was working...*/
      background-color: #648397;
      text-align:left; /*center*/
      text-align:center;
      margin-left:0px;
      margin-top:0px;
}

.Header {
      background-image: url(../images/header.jpg);
      background-repeat: no-repeat;
      background-position: left; /*center*/
      background-position:center;
      height: 61px;
      top: 1px;
}


.NavBar {
      background-image: url(../images/navbar.jpg);
      background-repeat: no-repeat;
      height: 36px;
      margin: 0 auto;
      text-align: left;
      width: 720px;
      margin-top: 5px;
}
.NavBarHolder
{
      width:713px;
      margin-top: 2px;
}
.ContentBackground1
{
      /* this is the silver background...*/
      background-image: url(../images/content1.jpg);
      background-repeat: no-repeat;
      height: 612px;
      margin: 0 auto;
      text-align: left;
      border: 2px solid #648397;
      width: 720px;
}
.Content
{
      /* what the content displays in, overlays the contentbackground1 */
      margin-top: 1px; /* was 5px */
      margin-right: 18px;
      margin-bottom: 5px;
      margin-left: 17px;
      /*background-color:Aqua; */
      /*border: 2px solid #000; */

      z-index: 1;
}
.Footer {
      background-image: url(../images/footer.jpg);
      background-repeat: no-repeat;
      height: 36px;
      margin: 0 auto;
      text-align: left;
      width: 720px;
      border: 2px solid #648397;
}

.FooterCopyright
{
      font-family: "Trebuchet MS";
      font-size: 14px;
      margin-top: 7px;
      margin-right: 18px;
      margin-bottom: 7px;
      margin-left: 18px;
      /*border: 2px solid #000; */
}



Here is my 'master page'
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Cultural Exchange Network</title>
           

  • </head>

        <form id="form1" runat="server">
           

           

     

       
     
     
     



          

          
              

            <asp:contentplaceholder id="MainContent" runat="server">
            </asp:contentplaceholder>
       

          
          



     

          <asp:Label  CssClass="Copyright" ID="Label1" runat="server" Text="Label">© 2008 CENET</asp:Label>



        </form>
    </body>
    </html>
  • Accepted Solution
     
    12.11.2007 at 05:59AM PST, ID: 20449325
    any suggestions from this code?
     
     
    20080236-EE-VQP-29 / EE_QW_2_20070628