IE issue

I am trying to code a full website myself normally I just find coders but it was getting too expensive. Here is my issue.....this page (so far there will be more projects under this one here) looks okay in firefox...but in IE has some weird scrolling bars within the "wrapper" div...Im thinking something is stretching it out..but I'm not sure what it is...here's the link:

http://www.eight84.com/new/coding/trial.html

 

Did you fix it already? I didn't see anything wrong with it in IE.

 

no...this is what shows up in ie for me

 

I don't see and scroll bar in my IE. But to remove the scroll bars in your browser. try,

.classname {overfow:hidden}

 

right in the css? It didn't work for me I still see the scroll bars that's really strange other people don't see them.

 

no anomaly with the mentioned webpage in IE6 for me either.
Though I used IE6 on wine in Ubuntu 10.04

May be specifying your IE version / OS might get you better help.

 

no scroll bar in my IE

 

Internet Explorer 8 and Windows 7

 

oops... I will have to figure out how to install IE 8 standalone here...

will be back when i get to do it..
so long till then

 

I figured it out....it's that blue line..for some reason if I put it under the other divs to separate projects it expands causing those scroll bars. I tried resizing the line image down to 945 since the wrapper is 950 and its still doing the same thing. The line on the top is just fine in IE but once I add the bottom line to separate a project it does it. I wonder how to get the line there to separate projects without causing the scroll bar.

 

i could not test this as i said... i dont have ie8... so you can test this on your system

this is your present code like:

<div id="wrapper">
	<div id="logo"></div>
	<div id="nav">...</div>
	<div id="type"></div>
	<div id="line"></div>
	<div id="project">...</div>
	<div id="project1">...</div>
	<img src="" alt="" />
</div>
<div id="footer">...</div>

Code (markup):

the div#project has float left
and div#project1 had float right
and then the float is not cleared
so add a clear-float using an element.
eg br.clear in the following manner

[COLOR="Red"]<style>
br.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
}
</style>[/COLOR]
<div id="wrapper">
	<div id="logo"></div>
	<div id="nav">...</div>
	<div id="type"></div>
	<div id="line"></div>
	<div id="project">...</div>
	<div id="project1">...</div>
	[COLOR="Red"]<br class="clear" />[/COLOR]
	<img src="" alt="" />
</div>
<div id="footer">...</div>

Code (markup):

if the problem still persists, and if you feel that it is because of the img
take the img out of the wrapper like this.

<style>
br.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
}
</style>
<div id="wrapper">
	<div id="logo"></div>
	<div id="nav">...</div>
	<div id="type"></div>
	<div id="line"></div>
	<div id="project">...</div>
	<div id="project1">...</div>
	<br class="clear" />
</div>
[COLOR="Red"]<img src="..." alt="..." />[/COLOR]
<div id="footer">...</div>

Code (markup):

 

Hm...I'm not sure I could take the image out of the wrapper..how would I place it where it should be after every project? there is only one sample project on that page..there will be more all one under the other.

If I take the image out completely the scroll bars go away. I'm not very skilled with HTML yet.

 

    <br />
  <img src="images/line.jpg" width="945" height="4" />

Code (markup):

doing this got rid of the scroll bars. I guess the <br/> helped something.

 

Very very very nice website.