http://support.westciv.com/ Support Forum Topic: My page on IE7 looks wrong en Mon, 06 Sep 2010 13:49:11 +0000 http://support.westciv.com/topic/my-page-on-ie7-looks-wrong#post-1202 Thu, 03 Jan 2008 14:27:33 +0000 Mrkus 1202@http://support.westciv.com/ <p>I really appreciate the time you guys put into this forum. I come here often and read your comments, and every time I learn something new. For a newbie like me this is like a life line to the css guru world. Thanks again. </p> http://support.westciv.com/topic/my-page-on-ie7-looks-wrong#post-1201 Wed, 02 Jan 2008 23:13:37 +0000 Cary 1201@http://support.westciv.com/ <p>Yes, since ID's are unique there's no way #sidebar1 can be anywhere other than within #content_container which can only be within #container which can't be anywhere else other than within an element with the class of thrColElsHdr.</p> <p>If this styling is for several pages you may conceivably have two pages with #sidebar1 but only one of those pages has #sidebar1 contained within #content_container. If you only wanted the styling to work on the page with #content_container then you would need to be more specific and use something like</p> <p>#content_container #sidebar1 .column img </p> http://support.westciv.com/topic/my-page-on-ie7-looks-wrong#post-1200 Wed, 02 Jan 2008 20:57:59 +0000 Mrkus 1200@http://support.westciv.com/ <p>Hello Cary,<br /> Thank you very much for your help.<br /> I will change my style sheet today - this is really helpful.<br /> So if I understand correctly (ID's being unique) I really don't need the ".thrColElsHdr" in front of all the #'s. I can just write the individual ID reference and make adjustment from there.<br /> Markus<br /> Markus </p> http://support.westciv.com/topic/my-page-on-ie7-looks-wrong#post-1199 Wed, 02 Jan 2008 08:18:03 +0000 Cary 1199@http://support.westciv.com/ <p>Style the images with "display:block". This will force the text to flow below the pictures. So you have this styling:</p> <p>.thrColElsHdr #container #content_container #sidebar1 .column img, .thrColElsHdr #container #content_container #sidebar2 .column img {<br /> margin-bottom: 3px;<br /> margin-top: 3px;<br /> margin-right: 0px;<br /> margin-left: 0px;<br /> }<br /> .thrColElsHdr #container #content_container #sidebar1 .column img, .thrColElsHdr #container #content_container #sidebar2 .column img {<br /> border: thin solid #000000;<br /> }</p> <p>You can combine these, add display:block and simplify the selectors because ID's are unique:</p> <p>#sidebar1 .column img, #sidebar2 .column img {<br /> margin: 3px 0; /* 3px top and bottom, 0 on sides */<br /> border: thin solid #000000;<br /> display:block;<br /> } </p> http://support.westciv.com/topic/my-page-on-ie7-looks-wrong#post-1192 Mon, 31 Dec 2007 19:31:58 +0000 Mrkus 1192@http://support.westciv.com/ <p>Hello,<br /> I am a newbie and need some help. I am working on this three column layout template. My site shows fine in FF and Safari.<br /> In IE7 &#38; Opera text shows up next to the images on either sidebars - how can I fix this?<br /> I increased the width of the original body margin to compensate for one added div with margins.<br /> <a href="http://masc51.com/brettljause" rel="nofollow">http://masc51.com/brettljause</a><br /> Also - when I validate my html it tells me that "target" is not valid and that I need to adjust my css - how do I do that?<br /> Thank you for your help.<br /> Markus </p>