Different Browser Difficulties
First post - so trying not to make a hash of it..........
Have checked out my site in various browsers - ok in most but having problems with IE 6 and earlier editions.
Two of my images have moved - this is the coding I used to position them
display: block;
margin-left: auto;
margin-right: auto;
It doesn't look too bad,but I want it how I want it! Is that possible?
(Css and XHTML does validate)
Thanks.
Lizzie
Megan posted this at 13:57 — 9th November 2007.
She has: 11,421 posts
Joined: Jun 1999
Could you provide a URL so we can see exactly what's happening?
Ms Apathy posted this at 18:08 — 9th November 2007.
They have: 5 posts
Joined: Sep 2007
Ok here it is -
http://www.careachievers.com/
The small star logo below the writing should be in the centre and the
Baddogwagdog logo should be in the centre too.Well they are -apart from IE 5 and 6.
In IE 5/6 the small star logo goes to the left and the BDWD logo goes to the right (actually think I might prefer it there..........)
My coding could be a bit messy.This is my first website so I hope that excuses me a bit.
Is it possible to make a site look the same in all browsers or am I just a tad naive?
Regards
Lizzie
JeevesBond posted this at 19:19 — 9th November 2007.
He has: 3,956 posts
Joined: Jun 2002
This is a bug in Internet Explorer, don't worry about your coding being messy. It's valid and semantic, which is good!
You'll need to set:
#footer {text-align: center;
}
and
#main {text-align: center;
}
You'll notice that the text alignment of all the text is centred in #main now, very annoying, so you could fix this with:
#main p {text-align: left;
}
Wait until you run into the other problems that browser causes, you'll learn to hate Internet Explorer. Hope this helps
a Padded Cell our articles site!
Ms Apathy posted this at 20:18 — 9th November 2007.
They have: 5 posts
Joined: Sep 2007
Thankyou JeevesBond.
Yes I do already hate IE and no I don't use it myself.
That solved the problem with the BDWD logo -which now looks good in all the browsers (although haven't checked it in the Mac or Linus browsers.Does it ever end?
)
Now all I need is to centre the small star image.............
The coding I have for that is -
img.stars
{
display: block;
margin-left: auto;
margin-right: auto;
}
Looks ok in IE 7 just problems in 5 and 6.Where it goes to the left.
Why can't everyone just use Firefox?
Who said choice was a good thing!
Regards
Lizzie
JeevesBond posted this at 16:47 — 10th November 2007.
He has: 3,956 posts
Joined: Jun 2002
Didn't that code I posted above fix the small star image? It's the one inside #main? You'll have to set the text-align for #main to centre, then set the text-align for #main p to left (see the code above).
Well I use Opera, Firefox and Konqueror and it renders the page pretty-much the same across all of them. Choice is a good thing, as long as standards are adhered to.
I believe most Linux people use Firefox, the other popular choice being Konqueror and it works fine in that too. You might want to check in Safari, sometimes that has the odd weird bug, nothing like Microsoft's efforts though.
a Padded Cell our articles site!
Ms Apathy posted this at 14:24 — 11th November 2007.
They have: 5 posts
Joined: Sep 2007
Well if I had of followed your instructions to the letter - to which I have no excuse although the words Haste and Foolishness spring to mind.....
Now done what you instructed.Works great in IE6 (Hurrah) and Safari.Same prob still in all versions of IE 5.
Would it be ok to leave it or is that bad practice (and laziness)
?
Thankyou for taking the time reply to me - very much appreciated.
Regards
Lizzie
Megan posted this at 15:48 — 11th November 2007.
She has: 11,421 posts
Joined: Jun 1999
I wouldn't worry about IE 5 - very few people use that browser anymore...
Ms Apathy posted this at 17:32 — 13th November 2007.
They have: 5 posts
Joined: Sep 2007
Thanks Megan.
If there is small stuff to fret about - I certainly will
I will now move on...........
Regards
Lizzie
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.