|
| PORTAIL | ANNUAIRE | ARTICLES | COMPARATEUR HÉBERGEURS | DEVIS | FORUMS | RÉDUCTEUR D'URL |
|
09/03/2008, 14h20
|
#1 |
Messages: n/a
Hébergeur: |
Adsense breaks CSS Layout
I am trying to make a CSS based site.
When i put the Google Adsense code into it, the layout breaks in Firefox, works in IE 7. Here's the page without adsense: http://www.blueskied.com/images/misc/CSSTest/test.htm With adsense, broken layout: http://www.blueskied.com/images/misc...st_adsense.htm Any ideas what i am doing wrong? Thanks, Karl. |
|
|
09/03/2008, 17h30
|
#2 |
|
Messages: n/a
Hébergeur: |
Re: Adsense breaks CSS Layout
Removed "display:table" to get rid of the problem:
But now Firefox again displays 100% of the page. And only 100%, again kills the layout when page is bigger than browser area: http://www.blueskied.com/images/misc...t_adsense2.htm |
|
|
|
13/03/2008, 08h48
|
#3 |
|
Messages: n/a
Hébergeur: |
Re: Adsense breaks CSS Layout
On 2008-03-09, karl@blueskied.com wrote:
> I am trying to make a CSS based site. > When i put the Google Adsense code into it, the layout breaks in > Firefox, works in IE 7. > > Here's the page without adsense: > http://www.blueskied.com/images/misc/CSSTest/test.htm > > With adsense, broken layout: > http://www.blueskied.com/images/misc...st_adsense.htm In my Firefox, they both look the same. > Any ideas what i am doing wrong? Using a fixed width, perhaps. -- Chris F.A. Johnson <http://cfaj.freeshell.org> ================================================== ================= Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) |
|
|
|
13/03/2008, 16h19
|
#4 |
|
Messages: n/a
Hébergeur: |
Re: Adsense breaks CSS Layout
karl@blueskied.com wrote:
> > When i put the Google Adsense code into it, the layout breaks in > Firefox, works in IE 7. My crystal ball isn't working. Define what you mean by "breaks". BTW, it is more likely that IE7 is doing something wrong than Firefox. > Here's the page without adsense: > http://www.blueskied.com/images/misc/CSSTest/test.htm > > With adsense, broken layout: > http://www.blueskied.com/images/misc...st_adsense.htm Doesn't look very different to me. -- Berg |
|
|
|
13/03/2008, 17h25
|
#5 |
|
Messages: n/a
Hébergeur: |
Re: Adsense breaks CSS Layout
karl@blueskied.com wrote:
> I am trying to make a CSS based site. When i put the Google Adsense > code into it, the layout breaks in Firefox, works in IE 7. > > Here's the page without adsense: > http://www.blueskied.com/images/misc/CSSTest/test.htm > > With adsense, broken layout: > http://www.blueskied.com/images/misc...st_adsense.htm > > Any ideas what i am doing wrong? Creating pages with no doctype, and with errors? You have a misplaced </head> tag. It needs to be after the link to the stylesheet. You have no DOCTYPE, throwing browsers into quirks mode. I would suggest using this one: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> I experimented with a copy of your page, corrected and added the above, and do not see what you claim to see. Code like this: <br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br>page end<br> ...is undesirable, and some browsers will just collapse all of the <br>'s into one. Use CSS margins instead. BTW, I do not see anyone's adsense ads; those domains are in my HOSTS file. -- -bts -Friends don't let friends drive Vista |
|
|
 |
| Outils de la discussion | |
|
|
