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.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Oct 2006
    Posts
    2
    Member #
    14218
    I have numerous prolblems with my website but it only occurs in either IE or firefox. Keep in mind that this is my first website

    My first prolblem is that in firefox the content div overlaps my container div, this works in IE tho.(NOTE: this is now fixed) The other prolblem i have is that in IE my links/buttons have margins/line breaks after them when i want them on the same line, like it is in firefox. My third prolblem is that in IE the border should be bevel but it appears as a solid black border.

    Website: http://www.freewebs.com/iron-fe/

  2.  

  3. #2
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    This is for the first problem:
    Change this:
    Code:
    div#content{
    background-color:RGB(230,230,230);
    width:100%;
    text-align:left;
    color:black;
    border-style:none;
    margin:80px 0px 0px 0px;
    padding:5px;
    
    }
    to:
    Code:
    div#content{
    background-color:RGB(230,230,230);
    width:790px;
    text-align:left;
    color:black;
    border-style:none;
    margin:80px 0px 0px 0px;
    padding:5px;
    
    }
    The problem was the padding of the content div.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  4. #3
    Junior Member
    Join Date
    Oct 2006
    Posts
    2
    Member #
    14218
    I got my css buttons to be on the same line by playing with it dont know what i changed tho. the only prolblem is that in IE my buttons are centered but in Firefox i had to add a left margin to make it be in the center but this now conflicts with IE because it has them way in the right when they should be in the center. Right now it is how it should look in firefox. I dont care much about the border being solid instead of bevel anymore because it still looks ok. Could someone plaease help me with my prolblem?

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Too hard to explain, so I made a working example:

    http://www.catpin.com/test.htm

    and the CSS:
    http://www.catpin.com/test.css


    also added an example of using a wrapper to insert a left
    and right column for content, images, etc.

    Only define width for centering a fixed size page in
    the browser. You didn't mention that the width
    be fluid ... that definition would be different.

    Playing around with the bottom border of the button links
    and the links background color will create a "tab effect".


  6. #5
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    http://www.veritaswebdesign.com/Untitled-1.html

    There ya go. I put the CSS inline so that I could work on it real quick.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  7. #6
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    Oops... didn't see your reply there, mlseim.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!


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 10:38 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com