Avatar billede lillebror Nybegynder
03. august 2006 - 17:09 Der er 15 kommentarer og
1 løsning

Google ads ødelægger side

Hej eksperter

Jeg har nu bøvlet længe med at få min side til at se ordentlig ud. Når siden ser ud som den skal, ser den således ud:
http://kronhjorte.dk/index.php?option=com_content&task=view&id=4&Itemid=7

Men på mange af siderne opstår fejlen bl.a. denne:
http://kronhjorte.dk/index.php?option=com_content&task=view&id=8&Itemid=12

Jeg benytter joomla som CMS system, og fejlen er der som sagt kun, når google ads, og ikke på alle sider. Er der nogen der kan gennemskue hvad jeg skal gøre, for at få det til at se rigtigt ud?
Avatar billede james_t_dk Juniormester
03. august 2006 - 17:24 #1
Kan ikke se at google ads roder rundt med noget. Jeg bruger FireFox og det ser fint ud på begge sider.
Avatar billede lillebror Nybegynder
03. august 2006 - 17:28 #2
Yep har selv lige tjekket, det ser fint ud i firefox, men ikke i IE
Da det kun er en lille procentdel af denne sides brugere, der benytter firefox, skal jeg have det til at virke med IE også.

Det hjælper hvis jeg vælger mindre google ads, men jeg har brugt den samme størrelse ads tidligere i samme design, inden jeg integrerede det i et CMS
Avatar billede mclemens Nybegynder
03. august 2006 - 17:29 #3
Prøv en overflow:hidden; på disse her:

<div style="width:468px;overflow:hidden;height:60px;float:;"><!-- Google AdSense by Joomlaspan 2.1 http://www.joomlaspan.com -->


...


<div style="width:250px;overflow:hidden;height:250px;float:;"><!-- Google AdSense by Joomlaspan 2.1 http://www.joomlaspan.com -->
Avatar billede mclemens Nybegynder
03. august 2006 - 17:30 #4
Ved ikke hvad den float laver?
Avatar billede lillebror Nybegynder
03. august 2006 - 17:37 #5
Det hjalp desværre ikke, jeg har også prøvet at "hardcode" visningen ind i min template, det giver samme problem

Den div du omtaler er genereret af det modul, jeg har til at vise mine adsense. Det må være en bug med den float, men den ser ikke ud til at have nogen indflydelse
Avatar billede mclemens Nybegynder
03. august 2006 - 17:37 #6
<div style="text-align: center; width: 100%; text-align: right;">
<table cellpadding="0" cellspacing="0" class="moduletable">
... google halløjsa ...
^ - Prøv at fjerne width defineringen som google div'en
der er lagt i tabellen der er lagt i div'en lægger i...
Avatar billede mclemens Nybegynder
03. august 2006 - 17:38 #7
Update, ok ...
Avatar billede lillebror Nybegynder
03. august 2006 - 17:44 #8
Så er width fjernet, men det hjalp ikke
Avatar billede mclemens Nybegynder
03. august 2006 - 17:58 #9
Den ene side har det her:

            <td valign="top" colspan="2">
            Hvor langt skal vi gå.

og den anden har det her:


            <td valign="top" colspan="2">
            <div style="width: 100%; text-align: center; margin-top: 20px;">
<div style="width: 100%; text-align: left; margin-bottom: 20px;">Siden er sidst redigeret den <b>18. Februar 2006


^ - ved ikke hvad for en div width det er der driller, men jeg satser på at det er en width der er forkert angivet et sted ... indsættelse af denne linje i css og enter gør at de ikke overlapper, men jeg skal lige finde elementet der driller...

java script:tn=document.getElementsByTagName("div");for(i=0;i<tn.length;i++)tn[i].style.width="auto";void(0);

- men prøv at sætte ind i adresselinjen og enter ...
Avatar billede mclemens Nybegynder
03. august 2006 - 18:00 #10
java script:document.getElementsByTagName("div")[1].style.width="auto";void(0);
Avatar billede mclemens Nybegynder
03. august 2006 - 18:01 #11
<body>
        <div id="container">
            <table cellspacing="0" cellpadding="0" style="width: 100%;">
                <tr>
                    <td style="vertical-align: top;">
                        <div style="width: 100%; height: 40px; padding-left: 15px;">

^ - prøv at fjerne width her eller pille ved padding ;o)
Avatar billede mclemens Nybegynder
03. august 2006 - 18:05 #12
... med padding-left: 15px og width: 100% samtidig bliver width ligepludselig 100%+15px og du får den effekt du har... padding tilføjes til elementets definerede width ... hvis nu du ikke definerede width ville den være 100% eller 100% i width - padding antal px - den vil tage hensyn til padding når width ikke er defineret (svarer til width auto)...
Avatar billede mclemens Nybegynder
03. august 2006 - 18:08 #13
- Det er sikkert google ads der hjælper med til problemet også - har ikke
analyseret det, men ovenstående løser problemet iflg. javascript testen...
(på den anden side har du samme width definering - den bør også fjernes for syns skyld...)
Avatar billede mclemens Nybegynder
03. august 2006 - 18:13 #14
P.s.: Husk at validere ...
http://validator.w3.org/check?uri=http%3A%2F%2Fkronhjorte.dk%2Findex.php%3Foption%3Dcom_content%26task%3Dview%26id%3D4%26Itemid%3D7
http://validator.w3.org/check?uri=http%3A%2F%2Fkronhjorte.dk%2Findex.php%3Foption%3Dcom_content%26task%3Dview%26id%3D8%26Itemid%3D12&charset=%28detect+automatically%29&doctype=Inline
- xhtml må ikke have en eneste fejl og bør leveres som application/xhtml+xml til de browsere der understøtter det - og xml deklarationen skal være før doctypen ... ellers skal den ikke stå der ... se evt. også denne tråd: http://www.eksperten.dk/spm/719030
Avatar billede lillebror Nybegynder
03. august 2006 - 19:10 #15
Tusind tak for hjælpen, det hjalp at indstille width til 95% i stedet. Det var bare helt fantastisk!

Ja jeg må lige få styr på validering, det er så længe siden jeg har arbejdet med html, så jeg er en smule rusten. Men så er det jo godt, at der er folk som dig, der har godt styr på det!
Avatar billede mclemens Nybegynder
03. august 2006 - 19:18 #16
Velbekom, og tak for point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester