WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > Browser Compatibility > IE / Firefox problems

Reply
  Thread Tools Display Modes
Old 14th August 06, 11:29 AM   #1
kappel
WLC Member
 
Join Date: Aug 2006
Posts: 1
Default IE / Firefox problems

Hi I just learned to build sites using only CSS/XHTML instad of tables.
Have som questions though.

Why is the so big diff in IE and Firefox, what can I do to change it?
Then I need help with the textad divs, I want them in two colums.

my dev site..
http://www.newmarket.se/sportnik/

Code:
body { background: #fff url(../images/bg_grey.gif); background-repeat: repeat-x;  margin: 0px; font-family: 'Arial'; font-size : 11px; color : #3b3b3b;}

/* General Links */
a:link { text-decoration : none; color : #00508f; border: 0px;} 
a:active { text-decoration : underline; color : #00508f; border: 0px;} 
a:visited { text-decoration : none; color : #00508f; border: 0px;} 
a:hover { text-decoration : underline; color : #00508f; border: 0px;} 

input { background: #f3f3f3; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #4b4b4b; }
select { background: #f3f3f3; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #4b4b4b; }
textarea { background: #f3f3f3; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#4b4b4b; padding: 6px;}

/* General Class */
form { padding: 0px; margin: 0px; }
img { border: none;}

/* Main contain (FULL PAGE) */
#maincontain { width:990px; background: #ffffff; margin: 0px; text-align: left;} 

/* Annons Topp */
#toppad { width:980px; margin: 5px 5px 25px 5px; height:120px; font-family: 'Arial'; font-size : 9px; color : #666666;}

/* Header */
#header { width:980px; height:35px;}

#header h1 { margin: 0; padding-left: 16px;}
#header h1 a {width: 154px; height: 40px; background: url(../images/logo_sportnik.gif) no-repeat; cursor: hand; float: left; }
#header h1 a:hover { float: left; color: #fff; background: url(../images/logo_sportnik.gif) no-repeat bottom; cursor: hand; text-decoration: none;}

#header #textad { margin-left: 222px; width: 290px;}
#header #textad h1 { font-family: 'Arial'; font-size : 9px; color : #666666; margin: 0; padding: 0;}
#header #textad a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#3b3b3b; text-decoration : none;}
#header #textad a:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#6b6b6b; text-decoration : none;}


#block { 
  padding-left: 2px;
  background: #f1f1f1;
  width:180px;
}
kappel is offline   Reply With Quote
Old 14th August 06, 03:24 PM   #2
lifeonmars
Guest
 
Posts: n/a
Default Re: IE / Firefox problems

Personally, whenever I have problems getting IE and FF to work, I code seperately for them. It takes a little bit of PHP, but it's pretty easy to impliment.

(Put this first part at the VERY top of the page. Or you will get errors.)

<?php
if (!isset($_COOKIE['agent'])) {
setcookie ('agent', $_SERVER['HTTP_USER_AGENT']);
$agent = $_COOKIE['agent'];
if (!isset($agent)) { // They rejected cookies
$agent = $_SERVER['HTTP_USER_AGENT'];
}
}
else {
$agent = $_COOKIE['agent'];
}
?>

The code above sets a cookie on the users computer to remember, basically, what browser they're using. It puts less strain on the server to remember it instead of recalling it every page load. But, if they reject cookies, it'll still work.

Then, place this whereever that information above (that you posted) is supposed to go:
<?php
if (strpos(strtoupper($agent), 'MSIE')) { ?>

<!-- ALL CSS FOR INTERNET EXPLORER HERE -->

<?php
}
else { ?>

<!-- ALL CSS FOR OTHER BROWSERS HERE -->

<?php
}
?>

You can also add in functionality for other browsers by adding in a few elseif statements. But right now I'm thinking you're just looking for FF compatibility.

Thats really the only way I know how to do it. With the color differences in IE and FF, it's sooooo hard to get everything to look identicle between browsers.
  Reply With Quote
Old 15th August 06, 03:56 PM   #3
dbldutch
WLC Lover
 
Join Date: Jul 2006
Posts: 127
Default Re: IE / Firefox problems

You have two <html> tags in your page.

<html xmlns="http://www.w3.org/1999/xhtml">
<html>

That could initially start throwing things off.

You also embed the stylesheet twice.
dbldutch is offline   Reply With Quote
Old 15th August 06, 04:15 PM   #4
dbldutch
WLC Lover
 
Join Date: Jul 2006
Posts: 127
Default Re: IE / Firefox problems

I would also try remove those empty <li> tags at the bottom. I'm not sure what you're trying to do there but you could probably do it with one image.
dbldutch is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Internet Explorer Vs Firefox Mili HTML & XHTML 22 25th February 08 08:56 PM
Not Ie or firefox problem..? Div problem I think Bouzy Browser Compatibility 1 19th July 07 08:16 PM
IE - Firefox MattDavid.Hall Browser Compatibility 0 21st March 07 07:31 PM
Floats Shifting 1px in Firefox 1.5 epic Browser Compatibility 2 10th September 06 10:11 PM
2 Small Firefox Problems... rosem Browser Compatibility 6 7th August 06 09:03 PM


All times are GMT. The time now is 04:38 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.