FRIHOSTFORUMSFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

IE viewing my site oddly?

 


TheGustav
I know for one that my site isn't centered since I use the auto margins in CSS for divs.... But other than that, I notice 2 things wrong...

At the end of most pages, the last bit of content is echo'd... For example on the pets page, after Others, is thers... And it goes for most pages.

Also, there's an extra break after Hall of Fame and Add your Pet in the side menu.... I break these by just using a <br>, and there's no extra <br>'s...

Any help is appreciated, thanks!
ncwdavid
I must say I am not a big fan of IE. Whenever I make my layouts for a site it looks perfect in FF but in IE as always its does not look perfect. IE has some extra defaults built in for CSS. Like on a submit button on a form their is usually an extra big black border around the button which makes it look very bad. Using the margin to center it in IE do this
Code:

margin-left: auto;
margin-right:auto;


and make sure at the very top of your page is:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


That code goes just before the "<html>" tag.

Give it a go and tell me how you get on.
TheGustav
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Seemed to fix most of the problems viewing in IE... But it also seemed to of removed all colors defined in my CSS style sheet in both FF and IE.
jabapyth
what does your stylesheet look like? how is it linked to your page?
Azmo
it's kinda importent that ur site works in IE.. since still about 80% use IE.. I know alot of ppl talk about FF and Opera and other browsers.. but majority is still in IE.. and yes IE6 has alot of bugs.. but a good designer works with both.. I always work paralell in firefox, opera and IE6.. and I'm checking every single change in all browsers so all works proper.. takes more time, and it's harder but alot more apreciated Smile

post ur css and link to ur css from ur html so we can see what it looks like and where the misstake is Smile
TheGustav
My style sheet looks something like this... (I recently switched from tables to div's, and had just learned div's... So it may not be the best coding, and that could be the problem)

Code:

img.hiddenPic { display:none; }

#border {
margin-left: auto;
margin-right: auto;
width: 775px;
background-color: FFD9BF;
padding: 10px;
border-width: 5px;
border-style: solid;
}

#header {
float: left;
background-color: FFD9BF;
}

#menu {
float: left;
clear: both;
left: 10px;
width: 170px;
background-color: FFD9BF;
}

#content {
float: left;
width: 580px;
background-color: FFD9BF;
}

#footnote {
float: center;
clear: both;
background-color: FFD9BF;
}


body
{
background-color: B34700;
color: 000000;
}

h1.logo
{
color:800000;
}

a.logo
{
color:800000;
}

h1,h2,h3,h4,h5,h6,p
{
color:000000;
}

a:link { color:000000 }
a:visited { color:000000 }
a:active { color:800000 }
a:hover { color:800000 }


a
{
font-weight:bold
}


And I link to my style sheet using
Code:

<link rel="stylesheet" type="text/css"
href="style.css" />
zanetine
Make sure that there is no xml prolog in top of your code. even if you are xhtml strict markup, but if there is xml prolog defined in your document then IE6 and IE7 browsers will render content in quirks mode .

make sure you are not putting any xml prolog on top of your document (before doctype). even if you put a html comment before your doctype IE will render content in quirks mode.

so if you want IE6/IE7 rendering similar to FIREFOX then your content should be rendered in standards mode. here IE browser will also use same box model as firefix. you dont need to put css hacks if one dive with fixed width have padding/margins/border
TheGustav
I'm pretty sure I've done everything correctly...

It's just odd, when I add

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


It's as if it's not reading the tag where I declare the style sheet...

I'm pretty sure it should work..

<link rel="stylesheet" href="style.css" type="text/css" />
zanetine
I think your doctype is wrong. try this and make sure there is no css hack in your style sheet

Code:
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
Azmo
don't see any <p> tags.. and use <br /> for breaks.. also it might help if u put overflwo:hiden; in ur body (css) and remember that FF and IE6 works this tags abit different.
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.