Re: [WSG] Gap in IE
No that didnt work I tried adding it to all the divs that have images as well and it didnt work either On 12/6/06, John Faulds [EMAIL PROTECTED] wrote: Only guessing cos I can't see the images when viewing the pages locally but try adding display: block to the images in #logo. On Wed, 06 Dec 2006 15:14:28 +1000, Jermayn Parker [EMAIL PROTECTED] wrote: *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Gap in IE
Might be a red-herring, but have you tried removing all the blank lines between your divs in the HTML?? From: Jermayn Parker [EMAIL PROTECTED] Subject: [WSG] Gap in IE In IE underneath the top section a gap appears while in firefox it doesnt. I have come accross this problem before but cannot remember the solution *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Gap in IE
You've set the height of #header, #text and #logo to 91px but you've also given #logo margin-top and padding-top of 3px which actually makes it 97px high. On Wed, 06 Dec 2006 15:51:34 +1000, Jermayn Parker [EMAIL PROTECTED] wrote: No that didnt work I tried adding it to all the divs that have images as well and it didnt work either On 12/6/06, John Faulds [EMAIL PROTECTED] wrote: Only guessing cos I can't see the images when viewing the pages locally but try adding display: block to the images in #logo. On Wed, 06 Dec 2006 15:14:28 +1000, Jermayn Parker [EMAIL PROTECTED] wrote: *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Gap in IE
hh thats the problem I now remember it now. I had the same problem with my last website Thanks for that John and others for their suggestions and im sorry for including attachments for this query, i wont do it again rolled-eyes On 12/6/06, John Faulds [EMAIL PROTECTED] wrote: You've set the height of #header, #text and #logo to 91px but you've also given #logo margin-top and padding-top of 3px which actually makes it 97px high. On Wed, 06 Dec 2006 15:51:34 +1000, Jermayn Parker [EMAIL PROTECTED] wrote: No that didnt work I tried adding it to all the divs that have images as well and it didnt work either On 12/6/06, John Faulds [EMAIL PROTECTED] wrote: Only guessing cos I can't see the images when viewing the pages locally but try adding display: block to the images in #logo. On Wed, 06 Dec 2006 15:14:28 +1000, Jermayn Parker [EMAIL PROTECTED] wrote: *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- JP2 Designs http://www.jp2designs.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Gap in IE
Hi Jermayne, 1. In the markup code, move the #logo id to beneath the #rologo id. 2. In the css file, add float: left; to the #rologo id. 3. In the css file, add clear: both; to the #text id. This should make it look pretty similar in IE, Firefox and Opera. Hope this helps? Kind regards, Frank M. Palinkas M.C.P., M.C.T., M.C.S.E., M.C.D.B.A., A+ Microsoft Registered Partner Senior Technical Communicator Web Standards Accessibility Designer website: http://frank.helpware.net email: [EMAIL PROTECTED] | [EMAIL PROTECTED] Member: Society for Technical Communications (S.T.C.) Guild of Accessible Web Designers (G.A.W.D.S.) Web Standards Group (W.S.G.) super group trading ltd. Sandhurst, Gauteng, South Africa website: http://www.supergroup.co.za Work: +27 011 523 4931 Home: +27 011 455 5287 Fax:+27 011 455 3112 Mobile: +27 074 109 1908 From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Jermayn Parker Sent: Wednesday, 06 December, 2006 7:14 AM To: wsg@webstandardsgroup.org Subject: [WSG] Gap in IE Hi Im sure this is an easy problem and everyone knows how to solve it but for the life of me, i cannot remember and can not get it right I have not got it uploaded yet due to problems with the client but I have included the css and html file plus a screenshot of it in ie (right) and firefox (left). In IE underneath the top section a gap appears while in firefox it doesnt. I have come accross this problem before but cannot remember the solution Thanks -- JP2 Designs http://www.jp2designs.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Gap in IE
Hi Jermayne, 1. In the markup code, move the #logo id to beneath the #rologo id. 2. In the css file, add float: left; to the #rologo id. 3. In the css file, add clear: both; to the #text id. This should make it look pretty similar in IE, Firefox and Opera. Hope this helps? Kind regards, Frank M. Palinkas M.C.P., M.C.T., M.C.S.E., M.C.D.B.A., A+ Microsoft Registered Partner Senior Technical Communicator Web Standards Accessibility Designer website: http://frank.helpware.net email: [EMAIL PROTECTED] | [EMAIL PROTECTED] Member: Society for Technical Communications (S.T.C.) Guild of Accessible Web Designers (G.A.W.D.S.) Web Standards Group (W.S.G.) super group trading ltd. Sandhurst, Gauteng, South Africa website: http://www.supergroup.co.za Work: +27 011 523 4931 Home: +27 011 455 5287 Fax:+27 011 455 3112 Mobile: +27 074 109 1908 From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Jermayn Parker Sent: Wednesday, 06 December, 2006 7:14 AM To: wsg@webstandardsgroup.org Subject: [WSG] Gap in IE Hi Im sure this is an easy problem and everyone knows how to solve it but for the life of me, i cannot remember and can not get it right I have not got it uploaded yet due to problems with the client but I have included the css and html file plus a screenshot of it in ie (right) and firefox (left). In IE underneath the top section a gap appears while in firefox it doesnt. I have come accross this problem before but cannot remember the solution Thanks -- JP2 Designs http://www.jp2designs.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
