As most of you know by now I'm developing a blog website (<!-- m --><a class="postlink" href="http://flexwebdev.thenamesdan.com/blog/">http://flexwebdev.thenamesdan.com/blog/</a><!-- m -->) for myself. It is coming together very well I think. It looks perfect in FireFox and Opera so far but as usual IE is f**king it up. 
In IE the margins and padding seem to be way different and that is causing the menu column to be forced under the content. Obviously this is not what I want. If you take a look at it in FF you will see how it is supposed to look.
I'm not sure how to fix this. Would anybody be so kind as to provide a solution. I'm sure it is something simple but for me it's not because I suck at IE hacks. Thanks for any help in advance.
line-height: 1.7em;
dont even BOTHER with em and flexible layouts. just go with fixed
BTW, JICKS GONE BLOOOOOOGER
OH YEAH
Join (<!-- m --><a class="postlink" href="http://www.zachblog.com">http://www.zachblog.com</a><!-- m -->) the (<!-- m --><a class="postlink" href="http://cmmwebdesign.com/blog/">http://cmmwebdesign.com/blog/</a><!-- m -->) club!!!!! (<!-- m --><a class="postlink" href="http://www.thenamesdan.com">http://www.thenamesdan.com</a><!-- m -->)
<!-- m --><a class="postlink" href="LOLhttp://www.tantek.com/CSS/Examples/boxmodelhack.html">LOLhttp://www.tantek.com/CSS/Examples/boxmodelhack.html</a><!-- m -->
Tantek Celic explain hacks the best.
edit:you had the general idea. it was something about "subtractive margins"
luckely, ive somehow oddly managed to get around that problem and have never had it on my site. probably some on CSS *shrug* ah well !Originally posted by zachzach
line-height: 1.7em;
dont even BOTHER with em and flexible layouts. just go with fixed
actually, that how he did it is the better way to go. fixed isnt good because if someone has a harder time seeing they will need a larger font. Fixed is not as good at allOk... so I'm not quite sure what that link has to do with my problem. I don't see how or where I would apply that hack. I'm just all confused.
ah yes, i saw a site that mentioned how the margin was doubled for floated block elements in IE for some reason. Try putting display: inline; into your css for the left column. I believe this will fix it and it works because you know longer have the block element according to IE so it doesnt double it but because the element is floated it is automatically block level. Messed up, but i believe this is how you fix it YAY! That did the trick. Thanks allot!
Now that it is lining up I need help with two other problems I see.
1.) The vertical spacing between each of the menu items is considerably larger in IE then it is in any other browser.
2.) The entire <a> is not a link like it is supposed to be. In every other browser the entire square around the link is a link because of the display: block; setting in the CSS. But in IE only the text is a link.
If you wouldn't mind I would greatly appreciate help with those two remaining problems. Thanks again.Originally posted by Jick
YAY! That did the trick. Thanks allot!
Now that it is lining up I need help with two other problems I see.
1.) The vertical spacing between each of the menu items is considerably larger in IE then it is in any other browser.
2.) The entire <a> is not a link like it is supposed to be. In every other browser the entire square around the link is a link because of the display: block; setting in the CSS. But in IE only the text is a link.
If you wouldn't mind I would greatly appreciate help with those two remaining problems. Thanks again.
excellent, i just read that the other day i think im surpised how much i have learned over the summer
2. easiest first try applying a width to the anchors:
.nav li a {
width: 120px;
}
1. not sure but i believe it has something to do w/ something of the following:
.nav li a, .nav li a:active, .nav li a:visited {
line-height: 2.3em;
min-height: 30px;
margin-bottom: 4px;
my guess is that its the min-height: 30px; try removing that all together and see what it does.
and now, i must go to slp only going to get 5 hrs slp atm ill check back in tomorrow. But hopefully all this works for you and the best of luck.Well I tried the stuff you said and it didn't work...
I then tried a few ideas I got and it now works.
Thank you for all your help. I really appreciate it.Originally posted by Jick
Well I tried the stuff you said and it didn't work...
I then tried a few ideas I got and it now works.
Thank you for all your help. I really appreciate it.
cool, glad it works for ya now though when trying to view it now i am getting:
Not Found
The requested URL /blog/ was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Oh, that's because I moved it into the main dir of my space. I'm also getting the subdomain name changed so soon you will find it at:
<!-- m --><a class="postlink" href="http://ths.thenamesdan.com/">http://ths.thenamesdan.com/</a><!-- m -->
awesome, looking good EDIT: Thanks to the great Dan the new subdomain is up and a re-direct is in place from the old one. that does look good.
Now you say you fixed it... Exactly how did you fix it, because I'm having exactly the same problem in IE and I'm not as smart as you.....It's driving me up the wall.
edited to say "smart"
I heard that the word "clever" is not an especally nice word in American English. I should be more internationalOriginally posted by bol
that does look good.
Now you say you fixed it... Exactly how did you fix it, because I'm having exactly the same problem in IE and I'm not as smart as you.....It's driving me up the wall.
which are you asking about? his first problem that i helped him fixed? or his 2nd or 3rd one that he figured out?
edited to say "smart"
I heard that the word "clever" is not an especally nice word in American English. I should be more international
nothing is wrong w/ using the word clever that would have worked just fine it was the second or third one, about the widths not matching up in I.E and the other browsers. - but I played around for a while and I fixed it too.
It's ok now.... sorry
In IE the margins and padding seem to be way different and that is causing the menu column to be forced under the content. Obviously this is not what I want. If you take a look at it in FF you will see how it is supposed to look.
I'm not sure how to fix this. Would anybody be so kind as to provide a solution. I'm sure it is something simple but for me it's not because I suck at IE hacks. Thanks for any help in advance.
line-height: 1.7em;dont even BOTHER with em and flexible layouts. just go with fixed
BTW, JICKS GONE BLOOOOOOGER
OH YEAH
Join (<!-- m --><a class="postlink" href="http://www.zachblog.com">http://www.zachblog.com</a><!-- m -->) the (<!-- m --><a class="postlink" href="http://cmmwebdesign.com/blog/">http://cmmwebdesign.com/blog/</a><!-- m -->) club!!!!! (<!-- m --><a class="postlink" href="http://www.thenamesdan.com">http://www.thenamesdan.com</a><!-- m -->)
<!-- m --><a class="postlink" href="LOLhttp://www.tantek.com/CSS/Examples/boxmodelhack.html">LOLhttp://www.tantek.com/CSS/Examples/boxmodelhack.html</a><!-- m -->Tantek Celic explain hacks the best.
edit:you had the general idea. it was something about "subtractive margins"
luckely, ive somehow oddly managed to get around that problem and have never had it on my site. probably some on CSS *shrug* ah well !Originally posted by zachzach
line-height: 1.7em;
dont even BOTHER with em and flexible layouts. just go with fixed
actually, that how he did it is the better way to go. fixed isnt good because if someone has a harder time seeing they will need a larger font. Fixed is not as good at allOk... so I'm not quite sure what that link has to do with my problem. I don't see how or where I would apply that hack. I'm just all confused.
ah yes, i saw a site that mentioned how the margin was doubled for floated block elements in IE for some reason. Try putting display: inline; into your css for the left column. I believe this will fix it and it works because you know longer have the block element according to IE so it doesnt double it but because the element is floated it is automatically block level. Messed up, but i believe this is how you fix it YAY! That did the trick. Thanks allot! Now that it is lining up I need help with two other problems I see.
1.) The vertical spacing between each of the menu items is considerably larger in IE then it is in any other browser.
2.) The entire <a> is not a link like it is supposed to be. In every other browser the entire square around the link is a link because of the display: block; setting in the CSS. But in IE only the text is a link.
If you wouldn't mind I would greatly appreciate help with those two remaining problems. Thanks again.
Originally posted by Jick YAY! That did the trick. Thanks allot!
Now that it is lining up I need help with two other problems I see.
1.) The vertical spacing between each of the menu items is considerably larger in IE then it is in any other browser.
2.) The entire <a> is not a link like it is supposed to be. In every other browser the entire square around the link is a link because of the display: block; setting in the CSS. But in IE only the text is a link.
If you wouldn't mind I would greatly appreciate help with those two remaining problems. Thanks again.
excellent, i just read that the other day i think
im surpised how much i have learned over the summer 2. easiest first
try applying a width to the anchors:.nav li a {
width: 120px;
}
1. not sure but i believe it has something to do w/ something of the following:
.nav li a, .nav li a:active, .nav li a:visited {
line-height: 2.3em;
min-height: 30px;
margin-bottom: 4px;
my guess is that its the min-height: 30px; try removing that all together and see what it does.
and now, i must go to slp only going to get 5 hrs slp atm
ill check back in tomorrow. But hopefully all this works for you and the best of luck.Well I tried the stuff you said and it didn't work...I then tried a few ideas I got and it now works.
Thank you for all your help. I really appreciate it.
Originally posted by Jick Well I tried the stuff you said and it didn't work...
I then tried a few ideas I got and it now works.
Thank you for all your help. I really appreciate it.
cool, glad it works for ya now
though when trying to view it now i am getting:Not Found
The requested URL /blog/ was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Oh, that's because I moved it into the main dir of my space. I'm also getting the subdomain name changed so soon you will find it at:<!-- m --><a class="postlink" href="http://ths.thenamesdan.com/">http://ths.thenamesdan.com/</a><!-- m -->
awesome, looking good EDIT: Thanks to the great Dan the new subdomain is up and a re-direct is in place from the old one. that does look good.Now you say you fixed it... Exactly how did you fix it, because I'm having exactly the same problem in IE and I'm not as smart as you.....It's driving me up the wall.
edited to say "smart"
I heard that the word "clever" is not an especally nice word in American English. I should be more internationalOriginally posted by bol
that does look good.
Now you say you fixed it... Exactly how did you fix it, because I'm having exactly the same problem in IE and I'm not as smart as you.....It's driving me up the wall.
which are you asking about? his first problem that i helped him fixed? or his 2nd or 3rd one that he figured out?
edited to say "smart"
I heard that the word "clever" is not an especally nice word in American English. I should be more international
nothing is wrong w/ using the word clever
that would have worked just fine it was the second or third one, about the widths not matching up in I.E and the other browsers. - but I played around for a while and I fixed it too.It's ok now.... sorry