-
1. Re: Internet exploring not playing fair .. divs are 1 px out of alignment with each other
hans-g. Mar 11, 2012 1:43 AM (in response to broomeGirl)Hi,
"playing" with your source code I reduced the width of your "landscape.jpg" and after that my offline reader didn't show this edge:
<img src="images/landscape.jpg" width="638" height="718" alt="Boab Design Landscapes" />
<img src="images/landscape.jpg" width="634" height="718" alt="Boab Design Landscapes" />
Hans-Günter
-
2. Re: Internet exploring not playing fair .. divs are 1 px out of alignment with each other
martcol Mar 11, 2012 4:03 AM (in response to hans-g.)What happens if you remove the border from the header?
Martin
-
3. Re: Internet exploring not playing fair .. divs are 1 px out of alignment with each other
broomeGirl Mar 11, 2012 6:45 AM (in response to broomeGirl)Hi thanks for your responses .. hans making the image smaller just makes the layout in all other browsers mess up but I really appreciate your trying. Martcol, I took the border off the header, I missed that .. was using it earlier for placement but anyway it made no difference to IE and also very appreciative of your suggestions. Thanks
-
4. Re: Internet exploring not playing fair .. divs are 1 px out of alignment with each other
Nancy O. Mar 11, 2012 2:19 PM (in response to broomeGirl)It's like I'm looking at two completely different layouts.
In Firefox, your site is left aligned with a 100% header & footer.
In IE9, the site is fixed-width and centered on an orange background. Very weird.
As an experiment, remove or comment out the @font-face code. I seem to remember IE had some issues with it.
BTW: Nice colors!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
5. Re: Internet exploring not playing fair .. divs are 1 px out of alignment with each other
broomeGirl Mar 11, 2012 4:11 PM (in response to broomeGirl)Thanks Nancy .. I already tried that earlier in the hair pulling out process but I have left it commented out to show you that it makes no difference but thank you so much for your help.
Amanda
-
6. Re: Internet exploring not playing fair .. divs are 1 px out of alignment with each other
martcol Mar 12, 2012 11:53 AM (in response to broomeGirl)<meta name="Author" content="Amanda McInerney, Kimberley Web Design">
Should be closed like this:
<meta name="Author" content="Amanda McInerney, Kimberley Web Design" />
And
<br / class="clearfloat" /> is badly formed; change to this:
<br class="clearfloat" />
They might make a difference. Post back after you fix them.
Martin
-
7. Re: Internet exploring not playing fair .. divs are 1 px out of alignment with each other
polar_bare Mar 12, 2012 12:55 PM (in response to broomeGirl)I think I have a fix for you. I am not sure what is causing this as I have tried everything I know. Here are the two lines that I changed that seems to work.
<div id="mainContent"><IMG alt="Boab Design Landscapes" src="index_files/landscape.jpg" width="100%" height="718"> and this one also
<img src="index_files/BoabDesignLogo.jpg" alt="Boab Design Logo" width="100%" height="148">
I changed the width to 100% and it seems to work in IE, Chrome and firefox.
Jim
-
8. Re: Internet exploring not playing fair .. divs are 1 px out of alignment with each other
polar_bare Mar 12, 2012 1:51 PM (in response to polar_bare)I have since been able to fix your problem in a different way. I changed your widths from em to px.
Your css files should reflect this in all the areas:
#header {
margin: 0 auto;
padding: 0;
width:1038px;
height: 8em;
background-color: rgb(17, 17, 17);
}
#container {
margin: 0 auto;
width: 1038px;
}
#mainContent {
margin: 0;
padding: 0;
width: 638px;
height: 71.8em;
float: right;
}
#sidebar {
width: 400px;
height: 718px;
float: left;
background-color: rgb(109, 109, 21);
margin:0;
padding:0;
}
#footer {
margin: 0;
padding: 2em 0 0 0;
width:1038px;
height: 8em;
background-color: rgb(17, 17, 17);
margin: 0 auto;
}
Some of the css might not be the same as your as I was playing around with it, but this does work. Wheb using 0 (zero) for padding, margin etc, you don't specify any unit. So margin: 0 5px would mean 0 on top and bottom and 5px on right and left.
Jim
-
9. Re: Internet exploring not playing fair .. divs are 1 px out of alignment with each other
broomeGirl Mar 12, 2012 3:03 PM (in response to polar_bare)GENIUS!!!! Thank you sooooo much! Now that you have fixed it, I remember running into the same problem before. It is always promoted to use ems for accessability but obviously not always a good choice for designers.





