Internet Explorer 6.0 problem

[Jackassboy]

Ok, since this is a different problem, and most of my div situations are celared up, i now am stumped on this.

if you have inter net explorer, great! thats what this is about. I noticed this at school. I showed my computer teacher my "fake" site and the school computers use IE 6. heres the site http://www.battlegear.org/1JackAssBo....com/index.php

View it in internet explorer 6...what is with that gap between the buttons and the nav and such? im stumped. i looked for stupid breaks that i might of left, but no, found nothing.

helppl0xkai

[StupidScript]

Fun stuff!

Oddly enough, it's the closing FORM tag that's causing the extra space in MSIE6. In order to maintain the nesting structure, you can overcome MSIE6's default behavior by applying a little style to that form:

FORM#login {
 margin-bottom:0px;
}

The code looks a lot better, now. You will find some situations where a space/return/tab between a tag and it's content results in layout issues, but those don't seem to be affecting this particular layout. i.e.

<a href="link.html">
<img src="img.jpg" id="button" border="0">
</a>

The break between the start of the anchor and the IMG tag will sometimes make MSIE insert a line break. Actually, that was the first thing I looked at in addressing this thread's problem.

[Jackassboy]

yeah. when i used tables, i had

<td>
<img ... >

and that little break cause alot of problems

aha. thanks. never knew margins could be so usefull

and is there anyway to fix my current news header? im having that problem again where it wont move up. i dont want to stretch out divider_2, because that would result in the current news header still out of place, messing up the final product

[Jackassboy]

and is there anyway to fix my current news header? im having that problem again where it wont move up. i dont want to stretch out divider_2, because that would result in the current news header still out of place, messing up the final product. I've tried giving it it's own div, but that doesn't help.

[ScriptMan]

I would not worry about old browsers. I would be more concerned about how it looks in IE7

[Jackassboy]

no, its like that in firefox AND ie7/6

ill work on center alignment at teh end, but i want to figure out why the current news header is like that

i've tried

img {
     vertical-align:top;
}

but, that doesnt seem to work either. i assume this should go in my css+div help thread

[Jackassboy]

well alright, i've slept on it. ill just make the divider_2 stretch, but then i'll shorten the news content background to match up.

maybe it would of worked if the current news header AND the divider_2 were one image >_>

[Jackassboy]

Yay, im practicly done. but one problem. the newest friend.

http://www.battlegear.org/1JackAssBo....com/index.php

i've tried giving everything widths and heights, but nothing has helped. ive tried putting it in the same div as the newestfirend_header, but i have to linebreak it down to fit, and i can't get it to match up

[ScriptMan]

Try shrinking the width of your picture an amount equal to the cell or div padding. It might only be a pixel or 2 too wide.

[Jackassboy]

hmm....it is perfectly equal..? There is no padding?

[ScriptMan]

Originally Posted by Jackassboy

hmm....it is perfectly equal..? There is no padding?

From the stylesheet, red color added:

.content_content {
padding-top: 5px;
padding-left: 20px;
background: url(images/content_content.png);
}
.content {
padding: 5px;background: url(images/nav_content.png);
}
.div_fonts {
font-family: verdana;
font-size: 9;
font-weight: none;
}
.table_border {
border: 1px solid #000000;

I hope I copied the right stylesheet. Viewing your source was confusing.

There may be others. I just copied and posted one to protect your code.

[Jackassboy]

youve been mistaken . thats not my code D=.

just replace index.php with style.css

http://www.battlegear.org/1JackAssBo....com/style.css

i need the picture to be a background image so i can have that "View_all" button there, but the header is an image. maybe its my index coding?

[ScriptMan]

I got the code I will look it over some more. Right now I have to do something else.

Get back to you later tonight.

[Jackassboy]

ah. thanks. im puzzled by this. i just really want to stop using tables D=

[ScriptMan]

Originally Posted by Jackassboy

ah. thanks. im puzzled by this. i just really want to stop using tables D=

I think when you use 24 divs on the same page that it is no improvement over tables. It is just the current fad way of doing it. Div-mania I think it is called. At least you skipped the absolute positions.

IMO, you have one or more misplaced </div> statements. With 24 on one page it would not be hard to do.

Divs work like this <div>open1 <div>open2 <div>open3......</div>close3 </div>close2 </div>close1

The first </div> always closes the last open that has not been closed. Sorta like ( ) for math operations.

You have 24 opens and 24 closes, but at least one of them is in the wrong place.

Count them open and closed or build the page one div at a time from top left to right and down one level and repeat. That is the only way you are going to find the problem

[Jackassboy]

yeah :/. your right about the improvement part. not much improvement at all. and yeah, ive been doing it left to right ever since i started :p. i cant find the problem .hmmm eh, i could just go back to tables

[Taltos]

Hey Jackassboy, where are you with this? It appears that you have most if not all of this sorted out? The current state looks pretty close. You have the one empty bottom right corner so I'm not sure if the other pieces are where you want them now or not. Got plans for that corner or are you still working on rearranging some pieces?

[Jackassboy]

it goes newest firend then the why have we come to be? and need more? image. those are supposed to be in the same row, and that is the end.

[Jackassboy]

well, i had to add onto images, and cut parts off of others, but it is finished. no tables :s. not really an improvement, but its done. There are just so many divs because i have MAIN divs to hold the SUB divs IE

<div id="hold_1">
        <div id="content">
                <img src.... />
        </div>
</div>

[ScriptMan]

I checked on you this morning and it looked like you were working one of those puzzles where you slide the pieces around.

It looks real nice at the moment.