School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Programming Help

Web Development



What's Here?

  • Members: 300,475
  • Replies: 826,122
  • Topics: 137,477
  • Snippets: 4,420
  • Tutorials: 1,148
  • Total Online: 1,750
  • Members: 82
  • Guests: 1,668

Welcome to Dream.In.Code
Become an Expert!

Join 300,475 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,750 people online right now. Registration is fast and FREE... Join Now!




Perfect In Opera But prob with other browser

 

Perfect In Opera But prob with other browser
hadi_php

12 Jun, 2009 - 09:12 PM
Post #1

D.I.C Regular
***

Joined: 23 Aug, 2008
Posts: 259



Thanked: 5 times
My Contributions
Guyz this is a huge and i think critical problem to handle myself.

Problem is i create a normal html site with [posted below] style.css it shows perfectly i mean outputs perfect in opera....But when i open it in mozzilla then some code of css doesnt work after then when i try to open it with IE then i got thundered that almost everything of CSS doesnt working?

i know that all browser doesnt recognized all CSS but what to do? i have no idea to fix it.....

here is the style.css code

CODE
body {
  background: #000 url("images/bgd.gif") center top;
  //background-repeat:no-repeat;
  color: #AFAFAF;
  font-family: Lucida Grande,Helvetica,Arial,Verdana,sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
  line-height: 2em
}



div#page {
   width: 900px;
   background-image: url('images/body-background.jpg');
   margin: 0 auto;
    border-color:#000;
            border-width:1px;
            border-style:solid;

}

div#leftcontent {
        background-image: url('images/body-background.jpg');
        width: 600px;
        float: left;
    }

    div#rightcontent {
        background-image: url('images/body-background.jpg');
        /*background: #000000;*/
        width: 300px;
        float: left;
    }
    div#footer {
        margin: 5px;
        clear: both;
    }
    div#menu, div#num1, div#num2, div#num3 {background: #g6r6r5; margin: 25px; }
    div#menu { height: 50px; }
    div#num1 { height: 200px; }
    div#num2 { height: 400px; }
    div#num3 { height: 700px; }

    div#add, div#add2, div#high {
            background: #333333;
            margin: 15px;
            color:#ECECEC;
            background-color:#333333;
            border-color:#000;
            border-width:1px;
            border-style:solid;
        }

    div#add  { height: 150px; width: 150px;}
    div#add2 { height: 400px; width: 150px;}
    div#high { height: 20px; width: 500px;}

    div#footer1 {
            background: #333333;
            margin: 0px;
            color:#ECECEC;
            background-color:#333333;
            border-color:#000;
            border-width:1px;
            border-style:solid;
        }

    div#footer1 { height: 20px; width: 898px;}

    a {
    font-size: 11px;
    text-decoration: underline;
    color: AFAFAF;
        }
    
    a:hover {
    font-size: 11px;
    text-decoration: none;
    color: #ECECEC;
    }
User is offlineProfile CardPM
+Quote Post


RudiVisser

RE: Perfect In Opera But Prob With Other Browser

13 Jun, 2009 - 02:27 AM
Post #2

.. does not guess solutions
Group Icon

Joined: 5 Jun, 2009
Posts: 1,872



Thanked: 137 times
Dream Kudos: 125
Expert In: PHP, MySQL, HTML, CSS, C#

My Contributions
All of those statements are recognisable by all browsers... What's your HTML that goes with it?
User is online!Profile CardPM
+Quote Post

hadi_php

RE: Perfect In Opera But Prob With Other Browser

13 Jun, 2009 - 04:26 AM
Post #3

D.I.C Regular
***

Joined: 23 Aug, 2008
Posts: 259



Thanked: 5 times
My Contributions
index.php

CODE
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <link rel="stylesheet" href="menu_style.css" type="text/css" />
    <link rel="stylesheet" href="rounded.css" type="text/css" />


</head>

<body>

<div id = "page">
<?php
include ("header.php");
?>

    <div class="menu">
        <ul>
            <li><a href="#" >Home</a></li>
            <li><a href="#" id="current">Products</a>
                <ul>
                    <li><a href="#">Drop Down CSS Menus</a></li>
                    <li><a href="#">Horizontal CSS Menus</a></li>
                    <li><a href="#">Vertical CSS Menus</a></li>
                    <li><a href="#">Dreamweaver Menus</a></li>
               </ul>
          </li>
            <li><a href="/faq.php">FAQ</a>
                <ul>
                <li><a href="#">Drop Down CSS Menus</a></li>
                <li><a href="#">Horizontal CSS Menus</a></li>
                <li><a href="#">Vertical CSS Menus</a></li>
                <li><a href="#">Dreamweaver Menus</a></li>
                </ul>
          </li>
            <li><a href="/contact/contact.php">Contact</a></li>
        </ul>
    </div>


<div id="leftcontent">
            
            <div id="num1">
        <h2>Welcome!!!</h2>
            Our designs are from our countries leading designer and cover all areas of Website design. Much of our websites can be customized to your specifications select desired colors and graphics. Our spacialist will suggest you best way to bulid your in for effective and flexible way.
                        
        </div>
    <div id="num2" align="center">
    
  <h2>Demo Here</h2>

  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="550" height="300">
  <param name="movie" value="slide.swf" />
  <param name="quality" value="high" />
  <param name="allowFullScreen" value="true" />
  <param name="allowScriptAccess" value="always" />
  <param name="wmode" value="transparent">
  <embed src="slide.swf"
         quality="high"
         type="application/x-shockwave-flash"
         WMODE="transparent"
         width="550"
         height="300"
         allowFullScreen="true"
         pluginspage="http://www.macromedia.com/go/getflashplayer"
         allowScriptAccess="always" />
</object>

<div id = "high">
<a href="#"><b>Here is more excellent website design click here to choose one!!!</b></a>
</div>
    </div>

                  
</div>

        <div id="rightcontent">
                <div id="num3" align="right">
                   <table cellspacing="4" cellpadding="0" style="background-image: url('images/body-background.jpg');border-color:#333333;border-width:1px;border-style:solid;color:;font-family:Verdana;font-size:11px;width:182px;height:90px;">
                    <tr>
                           <td colspan="2" align="center" height="13px" style="background-color:#333333;color:#;">Log In</td>
                    </tr>
                    <tr>
                           <td align="right" height="13px">User Name:</td>
                           <td><input name="username" type="text" id="username" value="" style="width:100px;height:18px;background-color:#333333;border-color:#000;border-width:1px;border-style:solid;color:#ECECEC;font-family:Verdana;font-size:11px;" /></td>
                    </tr>
                    <tr>
                               <td align="right" height="13px">Password:</td>
                               <td><input name="password" type="password" id="password" value="" style="width:100px;height:18px;px;background-color:#333333;border-color:#000;border-width:1px;border-style:solid;color:#ECECEC;font-family:Verdana;font-size:11px;" /></td>
                    </tr>
                    
                    <tr>
                               <td align="right" valign="bottom" colspan="2"><input type="submit" name="login" value="Log In" id="login" style="color:#ECECEC;background-color:#333333;border-color:#000;border-width:1px;border-style:solid;font-family:Verdana;font-size:11px;width:70px;height:20px;" /></td>
                    </tr>
                </table>
                <br>
                
                    <div id="add" align ="right">
                    <h3 align="center"><strong>Your </strong></h3>
                    <h3 align="center"><strong>Advertisement </strong></h3>
                    <h3 align="center"><strong>Here!! </strong></h3></div>
                    
                    <div id="add2" align ="right">
                    <h3 align="center"><strong>Your </strong></h3>
                    <h3 align="center"><strong>Advertisement </strong></h3>
                    <h3 align="center"><strong>Here!! </strong></h3></div>
            </div>
            
            </div>

<?php
include ("footer.php");
?>
</body>
</html>
User is offlineProfile CardPM
+Quote Post

hadi_php

RE: Perfect In Opera But Prob With Other Browser

13 Jun, 2009 - 05:26 AM
Post #4

D.I.C Regular
***

Joined: 23 Aug, 2008
Posts: 259



Thanked: 5 times
My Contributions
I fixed some problem of Mozilla....but look at this

this is the screenchot of IE

http://i40.tinypic.com/2hgfk8i.jpg

HH production i use there png image.........but looking white background ... then look at the main background .... there is only black ... but i used there a image......then in ie body doesnt in center it algining left position.....


Then in mozzila

http://i44.tinypic.com/ama1af.jpg

here all thing going perfect expect that png image......there shows a border...where that come form....? i didnt use any border....

In opera

http://i42.tinypic.com/j0vg9t.jpg

itz pure and perfect.......


But IE and mozzilla.... crazy.gif mad.gif what i do now?

Another problem of IE

my menu isnt working there .......

here is the code

menu_style.css

CODE
.menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    }
.menu ul{
    background:#333333;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
    }
    .menu li{
        float:left;
        padding:0px;
        }
    .menu li a{
        background:#333333 url("images/seperator.gif") bottom right no-repeat;
        color:#cccccc;
        display:block;
        font-weight:normal;
        line-height:35px;
        margin:0px;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
        }
        .menu li a:hover, .menu ul li:hover a{
            background: #2580a2 url("images/hover.gif") bottom center no-repeat;
            color:#FFFFFF;
            text-decoration:none;
            }
    .menu li ul{
        background:#333333;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:225px;
        z-index:200;
        /*top:1em;*/
        /*left:0;*/
        }
    .menu li:hover ul{
        display:block;
        
        }
    .menu li li {
        background:url('images/sub_sep.gif') bottom left no-repeat;
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:225px;
        }
    .menu li:hover li a{
        background:none;
        
        }
    .menu li ul a{
        display:block;
        height:35px;
        font-size:12px;
        font-style:normal;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
        }
        .menu li ul a:hover, .menu li ul li:hover a{
            background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            }
    .menu p{
        clear:left;
        }    

        


menu's html code

CODE
<div class="menu">
        <ul>
            <li><a href="#" >Home</a></li>
            <li><a href="#" id="current">Products</a>
                <ul>
                    <li><a href="#">Drop Down CSS Menus</a></li>
                    <li><a href="#">Horizontal CSS Menus</a></li>
                    <li><a href="#">Vertical CSS Menus</a></li>
                    <li><a href="#">Dreamweaver Menus</a></li>
               </ul>
          </li>
            <li><a href="/faq.php">FAQ</a>
                <ul>
                <li><a href="#">Drop Down CSS Menus</a></li>
                <li><a href="#">Horizontal CSS Menus</a></li>
                <li><a href="#">Vertical CSS Menus</a></li>
                <li><a href="#">Dreamweaver Menus</a></li>
                </ul>
          </li>
            <li><a href="/contact/contact.php">Contact</a></li>
        </ul>
    </div>
User is offlineProfile CardPM
+Quote Post

RudiVisser

RE: Perfect In Opera But Prob With Other Browser

14 Jun, 2009 - 06:32 AM
Post #5

.. does not guess solutions
Group Icon

Joined: 5 Jun, 2009
Posts: 1,872



Thanked: 137 times
Dream Kudos: 125
Expert In: PHP, MySQL, HTML, CSS, C#

My Contributions
Nobody uses IE6 anymore, upgrade. If you really want to fix it in IE6 and lower (there's aboslutely no reason to since we're upto IE8 now and everyone should be using it........) then google for pngfix. That's your issue with the center align and white background.

To remove the border just add:
CODE
img, a { border: none; }

to your CSS.
User is online!Profile CardPM
+Quote Post

hadi_php

RE: Perfect In Opera But Prob With Other Browser

14 Jun, 2009 - 12:28 PM
Post #6

D.I.C Regular
***

Joined: 23 Aug, 2008
Posts: 259



Thanked: 5 times
My Contributions
mozzila 's problem sloved......Problem is IE6 almost all the problem on IE sloved ...... there's only remain Algin problem....

need something extra to fix that.....

I live in bangladesh .. here in all cyber cafe and most of user use windows xp and they donnt upgrade their IE version .... coz they are using pirate edition of XP...some people use opera / mozzila.....so fact is this.......i m almost done ...remain align...

ohh one more question -

how can i detect user's browser name.... i mean what the user using ...opera/IE/mozzila.....?

Then if user use IE then how can i told him to use opera / mozzilla?
User is offlineProfile CardPM
+Quote Post

CTphpnwb

RE: Perfect In Opera But Prob With Other Browser

15 Jun, 2009 - 12:26 PM
Post #7

D.I.C Lover
Group Icon

Joined: 8 Aug, 2008
Posts: 2,065



Thanked: 151 times
Dream Kudos: 100
Expert In: PHP

My Contributions
For detecting browsers:

http://www.google.com/search?rls=en-us&...-8&oe=UTF-8

http://www.google.com/search?rls=en-us&...-8&oe=UTF-8


I'd also recommend running your code through a validator. That will help you debug.
http://validator.w3.org/
User is offlineProfile CardPM
+Quote Post

hadi_php

RE: Perfect In Opera But Prob With Other Browser

16 Jun, 2009 - 05:05 AM
Post #8

D.I.C Regular
***

Joined: 23 Aug, 2008
Posts: 259



Thanked: 5 times
My Contributions
ok.....all sloved but problem remian in IE... menu and align not working......whtever thanks to everyone to be with me...
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/8/09 03:12AM
Invision Power Board v2.1.7 © 2009  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month