www.webdeveloper.com
Results 1 to 3 of 3

Thread: iexplorer and firefox issues

  1. #1
    Join Date
    Dec 2011
    Posts
    3

    iexplorer and firefox issues

    Code:
    #sidebar
    {
    	position:fixed;
    	margin-top:20%;
    	margin-left:78%;
    	width:267px;
    	height:385px;
    	background-color:#630711;
    	border-radius:15px;
    	border-style: solid;
    	border-width:3px;
    	border-right-width:0px;
    	border-left-width:0px;
    	border-color:#000000;
    	font-family:"cursive",Comic Sans MS;
    	font-size:18px;
    }
    Was used to create the background for my sidebar, it makes sense, but i'm having some funky issues with it's display in iexplorer and firefox, chrome seems to be the only one to render it correctly.

    Iexplorer makes these non-existent borders, and firefox displaces the text links.

    this was used for the buttons inside the sidebar

    Code:
    td
    {   
    	margin-top:30px; 
    	margin-left:3px; 
    	margin-right:3px; 
    	text-align:left; 
    	border:0px; 
    	vertical-align: middle; 
    	height:70px; 
     	width:261px;
    	position:absolute;
    	padding-top:3px;
    	position:relative;
    	border-width:0px;
    }
    also i'm not sure but I used an inline to change the margins and what not
    Code:
    <a href="blog.html" style=" position:absolute; text-align:center; alignment-adjust:central; margin-left:100px; margin-top:-48px;"onMouseOver="SwapImage5()" onMouseOut="SwapImage5Back()">BLOG</a>
    http://i246.photobucket.com/albums/g...a/needhelp.jpg

  2. #2
    Join Date
    Dec 2011
    Posts
    3
    also please disregard my noobishness and my repeated position that i didn't notice till now, problem still persists however, i've been trying to tweak it using percentages but the text still positions different on all browsers pushing it off its specified button.

  3. #3
    Join Date
    Dec 2011
    Posts
    3
    Nevermind, used the z-index and negative margins to fix most of it, ie still sucks though and makes up imaginary borders and removes borders where they should be that both chrome and ff render correctly.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles