internet explorer - How to fix CSS float issues in IE6 and IE7? -
I'm talking about "Previous" and "Next" post navigation links below the articles on my website, which Looks like this (below) in all the modern browsers (IE> 7)
but in IE6 and IE7, it seems
Yes, all the other websites also look good in these browsers, and And it has to work, and without breaking anything. I see that float issues can occur in IE6 and IE7, and it's also fine (one is working, I can not get it).
This is the HTML code associated with the post navigation (mentioned above):
& lt; Div class = "post-entries" & gt; & Lt; Div class = "nav-prev fl" & gt; & Lt; A href = "http://example.com/201/01/01/01/post-1/" rel = "back" & gt; & Lt; Span class = "meta-navigation" & gt; & Lt; / Span & gt; LG's A530 3D Notebook Shoot and Place in 3D [PICS] & lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "neo-next fr" & gt; & Lt; A href = "http://example.com/2011/01/01/post-2/" rel = "Next" & gt; LG's mouse scanner protects the scanned content, image, PDF or DOC & lt; Span class = "meta-nav" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "right" & gt; & Lt; / Div & gt; & Lt; / Div & gt; And here is the related CSS code:
.post-entries {clear: both; Margin Top: 20px; Background color: # F8F8F8; Border Bottom: 1 Px Dashed # AAAAAAAAAA; Border-top: 1 px dashed # aAAAAAAAAAA; Line-height: 1.7; Margin-down: 15px; Padding: 5px 10px; font-weight: bold; Font size: 1.1 AM; } .post-entries a: link, .post-entries a: visited {font-size: 0.9em; Color: # 888; } .fl {float: left;} .fr {float: right;} .fix {clear: both; Height: 1px; Margin: -1px 0 0; Overflow: hidden;} I hope I am clear what can someone help me?
How about this? Added CSS:
/ *. Post-entries {float: left; Width: 600px} * / .nav-prev, .nev-next {display: block; Width: 100%} updated bella:
Comments
Post a Comment