WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Different view in IE8 and Chrome/Firefox, coding problem (7 posts)

  1. maranello2
    Member
    Posted 3 years ago #

    I have inserted some icons and changed the width of the searchbox in my theme, it looks good in Chrome and Firefox but not in IE8... why? Have little experience with html, php and css but got it at least to work in Chrome...

    Here is how it looks in IE8
    and in Chrome, wich is good..

    Here is my header.php

    and some of the style.css

    Please tell what i have done wrong... :)

  2. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    Screenshots are of no use. What might help is a link to a page demonstrating the problem.

  3. maranello2
    Member
    Posted 3 years ago #

    Ok, here's the url: URL
    The problem is the icons i added for Facebook, RSS, Flickr and YouTube

  4. curlybracket
    Member
    Posted 3 years ago #

    I guess the problem is the width of your #top1_right div.

    A proper way to align your icons would be to set #top_right to position:relative;

    and the you will be able to align your icons adding a position: absolute to everyone of them. Then you need to adjust the values top and right.

    also you do not need to have a div for every link.
    cleaner would be something like :

    <ul id="externallinks">
    <li id="fb"><a .... </li>
    <li id="youtube"><a .... </li>
    <li ... </li>
    </ul>

    because you are working with a list of links here.

  5. maranello2
    Member
    Posted 3 years ago #

    Ok, thanks for the help, got it to work! Having the same problem with the search icon by the way, there is no style for the icon in the style.css, should i add a line about it?

  6. hobits
    Member
    Posted 2 years ago #

    Guys,

    I think I am having the same issue as maranello2. I can see the arrow change to the hand and then click the image to go to the links, but only in FireFox, Safari, and Chrome. I cant seem to make it work for IE. I have IE8 and IE9.

    In the main page I have a slide, this slide has 4 pics (one pic per slide). The pic on the slide is a 960x340 pix .png file divided in 3 by a transparent space between all 3 pictures. This pic (on each slide) has the same format, one big one on the right, and two small boxes on the left.

    Box 1 = Benefits...
    Box 2 = Air Sani...

    Like I said, works like a charm in Firefox, Safari, and Chrome...but it doesnt in IE8 or 9. Thats what I am trying to figure out...how to get it to show in IE

    This is the link to the website: http://www.cleanairspace.com/w20 (main page slide)

    This is what I have on the featured.php

    <a href="http://www.cleanairspace.com/w20/cimrbenefits/" class="box-1"></a>
    	<a href="http://www.cleanairspace.com/w20/whatwedo/sanitizing/" class="box-2"></a>

    This is what I have for the css

    .box-1 {
        display: block;
        height: 159px;
        position: absolute;
        width: 210px;
        z-index: 9999;
    }
    
    .box-2 {
        height: 159px;
        position: absolute;
        top: 179px;
        width: 210px;
        z-index: 9999;
    }

    Help from anyone would be GREATLY appreciated.

    Thanks u in advanced!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.