2 replies [Last post]
sdiener
Offline
newbie
Last seen: 11 years 25 weeks ago
Timezone: GMT-4
Joined: 2009-10-25
Posts: 2
Points: 3

Puzzled

Hey all - great forum you have here. I wish I was more of an expert to help others out more.

In any case, I have done a lot of coding to build my site http://www.blogeditor.net --- it is a redesign of my original site. Everything is working well, except of the layout in IE and Safari. In chrome and firefox, layout is perfect. However, the layout is consistenly off for ie/safari. I know I need to add some sort of padding/margin somewhere to make this fit properly. Where though?

Site validates perfectly.

Thanks guys!

sdiener
Offline
newbie
Last seen: 11 years 25 weeks ago
Timezone: GMT-4
Joined: 2009-10-25
Posts: 2
Points: 3

A little more info: The

A little more info:

The source of the page that loads in IE starts with.....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN">
<META http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<HTML lang="en-US" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<BODY class="custom ie ie7"> 
<DIV id="container"><DIV id="page"><UL id="tabs"><LI class="page-item-1">

Therefore, I can tell that is grabbing my IE.css file, which contains:

BODY.ie {	FONT-SIZE: 125%}
.ie #container {	FONT-SIZE: 50%;	MARGIN-LEFT: 
.full_width {	FONT-SIZE: 50%;	MARGIN-LEFT: 50px}
.ie UL#tabs {	WIDTH: 100%}
.ie INPUT.form_submit {	OVERFLOW: visible;	WIDTH: auto}
.ie6 #content {	OVERFLOW: hidden}
.sidebar.ie6 {	OVERFLOW: hidden}
.ie6 DL#comment_list DD {	BORDER-BOTTOM: #bbb 1px dotted}
.ie6 DL#comment_list DL.children DD {	BORDER-BOTTOM-WIDTH: 0px}

However, IE does not seem to be using the proper #.ie container as the style used for <div id="container"> is not consistent with the IE style sheet. What might be wrong? I assume I can fix my op issue if I get this correct....

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 39 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

That is an incomplete

That is an incomplete doctype, please do the research on finding a strict HTML 4.01 doctype.
After implementing the standard doctype, validate your code with the W3C validator.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph