kostenloser Webspace werbefrei: lima-city


bräuchte bitte nochmal hilfe

lima-cityForumDie eigene HomepageHomepage Allgemein

  1. Autor dieses Themas

    it-heberle

    Kostenloser Webspace von it-heberle, auf Homepage erstellen warten

    it-heberle hat kostenlosen Webspace.

    so, bin nun fast fertig mit meiner ersten seite...jetzt hab ich nur noch folgendes problem...bei mir sieht das ganz toll nach maß aus aber wenn ich nun den browser wechsle, oder noch schlimmer, die auflösung verschiebt es mir die elemente.
    kann mir jemand sagen, wie ich solche probleme beheben kann?
    (system = joomla 1.5)
    vielen dank
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Zwing die leute Opera zu benutzen, der hält sich an die standards :king:

    Ne mal im ernst, da hilft nur zu optimieren... aber ich persönlich würde es lassen...
    Die Browser sollen sich schließlich an die Standards halten, nicht die leute zum optimieren zwingen...
  4. Das gilt aber nicht nur für Browser sondern auch für User. Denn die Seite ist alles andere als valide:

    http://validator.w3.org/check?uri=http%3A%2F%2Fit-heberle.lima-city.de%2F&charset=%28detect+automatically%29&doctype=Inline&group=0#result

    Und die CSS habe ich jetzt mal nicht gecheckt.
  5. e******n

    hey,

    ich habe mir mal den Quelltext angeguckt und dabei habe ich bemerkt das du folgenden Code hast :

    <div id="search">
      <table width="100%" border="0" cellpadding="0" cellspacing="1">
        <tr>
          <td nowrap="nowrap">
             <a href="http://www.steinbeis.de" class="mainlevel" >www.steinbeis.de</a><span class="mainlevel"> &nbsp; </span>
             <a href="/index.php/kontakt" class="mainlevel" >Kontakt</a><span class="mainlevel"> &nbsp; </span>
             <a href="/index.php/impressum" class="mainlevel" >Impressum</a><span class="mainlevel"> &nbsp; </span>
             <a href="http://www.trk.de/" class="mainlevel" >Technologieregion Karlsruhe</a><span class="mainlevel"> &nbsp; </span>
             <a href="http://www.wro.de/" class="mainlevel" >Wirtschaftsregion Ortenau</a><span class="mainlevel"> &nbsp; </span>
             <a href="/index.php/login" class="mainlevel" >Login</a>
          </td>
        </tr>
      </table>
    </div>


    nimmst du div raus

    <div id="search"></div>


    werden die Links auch perfekt über dem Bild angezeigt

    Vllt könntest du da am besten mal ansetzen :)



    Beitrag zuletzt geändert: 13.2.2011 11:03:03 von excision
  6. Hallo :wave:
    Das ist mir Joomla gemacht? Steht da dann nicht immer irgendwas mit Copyright? .. :biggrin:
    egal. Ich sehe da jedenfalls einen ganzen Haufen divs, die eigentlich gar nicht gebraucht werden? Wenn ich mir die geladenen Elemente anschaue dann sehe ich da auch 4 css-Dateien O.o
    Sieht ein wenig chaotisch aus und ist schwer sich da einzuarbeiten :biggrin:

    Natürlich ist es jetzt nicht so tragisch, wenn es nicht in allen Browsern 100%ig gleich aussieht, aber in Firefox und IE sollte es vielleicht schon normal aussehen :wow:

    Wenn du die Elemente in einen Div packst und den Div so breit machst wie die Elemente, den Div dann fixierst.. dann sollte nichts mehr rumrutschen.
    Ein Table im Div? Mit Breite 100%? Da rutschen dann die Menüpunkte rum wie sie es wollen.
    Oh ich sehe gerade, da steht noch was aka "falls IE7, dann ie7.css" :biggrin: unübersichtlich :(

    mfg :wave:
  7. voloya schrieb:
    Natürlich ist es jetzt nicht so tragisch, wenn es nicht in allen Browsern 100%ig gleich aussieht, aber in Firefox und IE sollte es vielleicht schon normal aussehen :wow:


    Wo genau das Problem ist! Der IE hält sich nicht immer an die Standards. Daher musst du entweder deinen Leuten empfehlen, FF zu verwenden, oder die ganzen Browserweichen (Google hilft - Stichworte: selfhtml, Browsereiche).

    Aber vorerst solltest du darauf achten, dass deine html- & css-Dateien valide sind. Ansonsten brauchst du dich nicht wundern, dass es immer anders aussieht! ;-)
  8. biolauri schrieb:
    voloya schrieb:
    Natürlich ist es jetzt nicht so tragisch, wenn es nicht in allen Browsern 100%ig gleich aussieht, aber in Firefox und IE sollte es vielleicht schon normal aussehen :wow:


    Wo genau das Problem ist! Der IE hält sich nicht immer an die Standards. Daher musst du entweder deinen Leuten empfehlen, FF zu verwenden, oder die ganzen Browserweichen (Google hilft - Stichworte: selfhtml, Browsereiche).

    Aber vorerst solltest du darauf achten, dass deine html- & css-Dateien valide sind. Ansonsten brauchst du dich nicht wundern, dass es immer anders aussieht! ;-)

    Hallo :wave:

    Also bei meinem FF ist das Menü genauso nach rechts gerutscht. Anscheinend funktioniert es nur mit Opera?
    Auch bei Google Chrome stimmts nicht.. also liegt doch wohl eher ein genereller Fehler vor, oder etwa nicht? :-)

    mfg :wave:
  9. e******n

    nee habe auch opera und mache alles damit und bei mir ist das ebenfalls alles nach rechts verschoben.
  10. Hallo :wave:

    Na dann ist das Problem ja klar. Ich kam jetzt auch auf die Idee, das Browserfenster mal zu verkleinern und siehe da, die Menüleiste ist am rechten Rand ausgerichtet. Kein Wunder also, dass ein Verändern der Auflösung beim Threadersteller eine veränderte Webseite hervorruft :biggrin:

    Einen Div kannst du übrigens mit "margin: 0px auto;" (in dem Div, der gecentert werden soll) und einem "text-align:center;" im übergeordneten Div centern. Ich weiß zwar nicht welche css-Datei das definiert (und kann deswegen nicht nachschauen), aber du wirst wohl Probleme mit einem float:left gehabt haben?

    Einfach den Div genau so breit machen, wie alle Menüpunkte zusammen sind.

    mfg :wave:
  11. Autor dieses Themas

    it-heberle

    Kostenloser Webspace von it-heberle, auf Homepage erstellen warten

    it-heberle hat kostenlosen Webspace.

    bitte nicht lachen, hier sind mal meine index.php und die template.css ich hab das jetzt mal zusammengefasst...
    wie bekomme ich den eigentlich die 100% aus der table?

    index.php
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
           "http://www.w3.org/TR/html4/loose.dtd">
    <head>
    <jdoc:include type="head" />
    
    <link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
    <link rel="stylesheet" href="templates/system/css/general.css" type="text/css" /> 
    <link rel="stylesheet" href="templates/fehltnocheinbisschen/css/template.css" type="text/css" />
    <link rel="stylesheet" href="templates/fehltnocheinbisschen/css/ie7.css" type="text/css" />
    
    </head>
    <body id="page_bg">
    <jdoc:include type="message" />
    <jdoc:include type="modules" name="user4" />
    
    <div id="header"></div>	
    
    <table cellpadding="0" cellspacing="0" class="pill">
    <tr>
    <td>
    <div id="pillmenu">
    <jdoc:include type="modules" name="user3" />
    </div>
    </td>
    </tr>
    </table>
      
    <div id="whitebox_m">
    <div id="leftcolumn" style="float:left;">
    <jdoc:include type="modules" name="left" style="rounded" />
    </div>
    <div id="maincolumn">
    </div>
    <div id="component">
    <jdoc:include type="component" />
    <div id="tobi1">
    <jdoc:include type="modules" name="tobi1" style="xhtml"/>
    </div>
    <div id="tobi2">
    <jdoc:include type="modules" name="tobi2" style="xhtml"/>
    </div>
    <div id="tobi3">
    <jdoc:include type="modules" name="tobi3" style="xhtml"/>
    </div>
    </div>    
    <div id="rightcolumn" style="float:right;">
    <jdoc:include type="modules" name="right" style="rounded" />								
    </div>
    </div>
    
    <div id="footer">
    <div id="debug"><jdoc:include type="modules" name="footer" /></div>	
    </body>
    </html>


    template.css
    /*Elements*/
    html { 
    height : 100%; 
    margin-bottom : 0; 
    }
    body { 
    font-family : Tahoma, Helvetica, Arial, sans-serif; 
    line-height : 1.3em; 
    margin : 0 0 0 0; 
    font-size : 12px; 
    color : black; 
    }
    h1 { 
    font-family : Helvetica, Arial, sans-serif; 
    font-size : 16px; 
    font-weight : bold; 
    color : #666; 
    } 
    h2 { 
    font-family : Arial, Helvetica, sans-serif; 
    font-size : 14px; 
    font-weight : normal; 
    color : #333; 
    } 
    h3 { 
    font-weight : bold; 
    font-family : Helvetica, Arial, sans-serif; 
    font-size : 13px; 
    color : #135cae; 
    } 
    h4 { 
    font-weight : bold; 
    font-family : Arial, Helvetica, sans-serif; 
    color : #333; 
    }
    a:link, a:visited { 
    color : #1b57b1; 
    text-decoration : none; 
    font-weight : normal; 
    } 
    a:hover { 
    color : orange; 
    text-decoration : underline; 
    font-weight : normal; 
    }
    a.readon { 
    background : url(../images/grey/mw_readon.png) no-repeat right center; 
    }
    form { 
    margin : 0; 
    padding : 0; 
    } 
    img, table { 
    border : none; 
    } 
    table.user1user2 div.moduletable { 
    margin-bottom : 0; 
    }
    fieldset { 
    border : 1px solid #ccc; 
    margin-top : 15px; 
    padding : 15px; 
    } 
    legend { 
    margin : 0; 
    padding : 0 10px; 
    } 
    td.key { 
    border-bottom : 1px solid #eee; 
    color : #666; 
    }
    input { 
    background : none; 
    border : 1px solid; 
    color : #000; 
    }
    message{ 
    color : #c00; 
    background : #efe7b8;
    border-top : 3px solid #f0dc7e; 
    border-bottom : 3px solid #f0dc7e; 
    }
    
    /*Classes*/
    /* Classes */
    .caption { 
    padding : 0 10px 0 10px; 
    } 
    .caption img { 
    border : 1px solid #ccc; 
    } 
    .caption p { 
    font-size : 0.9em; 
    color : #666; 
    text-align : center; 
    }
    .inputbox { 
    background : #f7f7f7; 
    border : 1px solid #d1d1d1; 
    color : #000; 
    font-size : 12px; 
    padding : 2px 0 2px 4px; 
    }
    .modifydate { 
    color : #000; 
    } 
    .createdate { 
    color : #000; 
    } 
    .column_separator { 
    border-left : 1px dashed #999; 
    }
    .sectiontableheader { 
    background : #ebebeb; 
    color : #333; 
    border-right : 1px solid #c5c5c5; 
    } 
    .module_menu, .module, .module_text { 
    margin-bottom : 14px; 
    padding : 0; 
    } 
    .module form { 
    background : #f7f7f7; 
    border : 1px solid #999; 
    padding : 6px; 
    } 
    .center { 
    text-align : center; 
    margin : 0 auto; 
    }
    .nopad { 
    padding : 0; 
    } 
    .middle_pad { 
    width : 20px; 
    } 
    .offline { 
    background : #fffebb; 
    width : 100%; 
    position : absolute; 
    top : 0; 
    left : 0; 
    font-size : 1.2em; 
    padding : 5px; 
    }
    .invalid { 
    border-color : #ff0000; 
    } 
    .article_column { 
    padding-right : 5px; 
    } 
    .buttonheading { 
    text-align : right; 
    }
    .article_separator { 
    display : block; 
    height : 20px; 
    } 
    .contenttoc { 
    margin : 5px; 
    border : 1px solid #ccc; 
    padding : 5px; 
    } 
    .contenttoc td { 
    padding : 0 5px; 
    } 
    .sectiontableentry0 td, .sectiontableentry1 td, .sectiontableentry2 td { 
    padding : 4px; 
    } 
    .sectiontableentry0, .sectiontableentry1, .sectiontableentry2 { 
    padding : 3px; 
    } 
    .contentpaneopen, .contentpane { 
    margin : 0; 
    padding : 0; 
    text-align : left; 
    } 
    .contentpane ul { 
    text-align : left; 
    } 
    .contentpaneopen li { 
    margin-bottom : 5px; 
    } 
    .contentpaneopen fieldset { 
    border : 0; 
    border-top : 1px solid #ddd; 
    } 
    .contentpaneopen h3 { 
    margin-top : 25px; 
    } 
    .contentpaneopen h4 { 
    font-family : Helvetica, Arial, sans-serif; 
    color : #333; 
    } 
    .highlight { 
    background-color : #fffebb; 
    }
    .moduletable { 
    margin-bottom : 25px; 
    }
    .adminform textarea { 
    width : 540px; 
    height : 400px; 
    font-size : 1em; 
    color : #000099; 
    } 
    .search input { 
    width : 150px; 
    margin : 16px 10px 10px 0; 
    } 
    .search .button { 
    width : 80px; 
    }
    .mosimage { 
    margin : 5px; 
    } 
    .mosimage_caption { 
    font-size : 0.9em; 
    color : #666; 
    } 
    .paramlist { 
    margin-top : 5px; 
    } 
    .paramlist td.paramlist_key { 
    width : 128px; 
    text-align : left; 
    height : 30px; 
    } 
    .message { 
    font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-weight : bold; 
    font-size : 14px; 
    color : #c30; 
    text-align : center; 
    width : auto; 
    background-color : #f9f9f9; 
    border : 1px solid #d5d5d5; 
    margin : 3px 0 10px; 
    padding : 3px 20px; 
    } 
    .banneritem_text { 
    padding : 4px; 
    font-size : 11px; 
    } 
    .bannerfooter_text { 
    padding : 4px; 
    font-size : 11px; 
    text-align : right; 
    } 
    .pagination span { 
    padding : 2px; 
    } 
    .pagination a { 
    padding : 2px; 
    } 
    .pollstableborder td { 
    text-align : left; 
    }
    .tool-tip { 
    float : left; 
    background : #ffc; 
    border : 1px solid #d4d5aa; 
    padding : 5px; 
    max-width : 200px; 
    } 
    .tool-title { 
    padding : 0; 
    margin : 0; 
    font-size : 100%; 
    font-weight : bold; 
    margin-top : -15px; 
    padding-top : 15px; 
    padding-bottom : 5px; 
    background : url(../../system/images/selector-arrow.png) no-repeat; 
    } 
    .tool-text { 
    font-size : 100%; 
    margin : 0; 
    }
    .pathway { 
    display : block; 
    overflow : hidden; 
    color : #666; 
    }
    .contentheading { 
    color : #333; 
    } 
    .componentheading, table.moduletable th, legend { 
    color : #333; 
    } 
    .small { 
    color : #000; 
    }
    .componentheading { 
    padding-top : 6px; 
    } 
    .clr { 
    clear : both; 
    } 
    .sectiontableentry0 td, .sectiontableentry1 td, .sectiontableentry2 td { 
    padding : 4px; 
    } 
    
    /*DIV'S*/
    
    /*main*/
    #page_bg { 
    background : url(../images/background.jpg) repeat-x fixed left top; 
    padding : 0 0 0 150px; 
    } 
    #header { 
    background : transparent url(../images/header.jpg) no-repeat 0% 0%; 
    padding-left : 50%; 
    padding-right : 50%; 
    width : 900px;
    height: 150px; 
    }
    #component { 
    margin : 0 5px 0 5px; 
    width : 700px; 
    background: white; 
    } 
    #component a, #component a:link { 
    color : blue; 
    } 
    #component a:hover { 
    color : red; 
    } 
    #tobi1 { 
    text-decoration : none; 
    float : left; 
    width : 30%; 
    margin : 0 20px 0 0; 
    } 
    #tobi2 { 
    float : left; 
    width : 30%; 
    margin : 0 20px 0 0; 
    } 
    #tobi3 { 
    float : left; 
    width : 30%; 
    margin : 0 0 0 0; 
    }
    #leftcolumn{ 
    min-width : 250px; 
    float : left; 
    } 
    #rightcolumn { 
    min-width : 250px; 
    float : right; 
    } 
    #maincolumn { 
    margin : 0 5px 0 5px; 
    float : left; 
    width : 700px; 
    }
    #leftcolumn h3, #rightcolumn h3 { 
    margin : 0; 
    font-weight : bold; 
    font-family : Helvetica, Arial, sans-serif; 
    font-size : 1.1em; 
    padding : 0 0 0 10px; 
    line-height : 29px; 
    text-align : left; 
    }
    #wrapper { 
    margin : 0 0 0 0; 
    } 
    #whitebox_m { 
    width : 700px; 
    padding : 35px 0 0 0; 
    margin : 0 0; 
    text-align : left; 
    }
    #debug { 
    text-align : center; 
    }
    
    /*menus*/
    
    #pillmenu ul { 
    margin : 0; 
    padding : 0; 
    list-style : none; 
    } 
    #pillmenu li { 
    float : left; 
    margin : 0; 
    padding : 0; 
    }
    #pillmenu { 
    white-space : nowrap; 
    height : 31px; 
    width : 600px; 
    position : static; 
    padding-left : 50%; 
    padding-right : 50%; 
    } 
    #pillmenu a { 
    background : url(../images/link1.jpg) repeat-x; 
    color : blue; 
    border : 0 solid orange; 
    font-family : Helvetica, Arial, sans-serif; 
    font-size : 12px; 
    font-weight : normal; 
    float : left; 
    display : block; 
    text-decoration : none; 
    } 
    #pillmenu a:hover { 
    background : url(../images/link2.jpg) repeat-x; 
    color : orange; 
    border : 0 solid blue; 
    }
    
    /*sonstiges*/
    
    #system-message dd.message ul { 
    background : #c3d2e5 url(../../images/notice-info.png) no-repeat 4px center; 
    } 
    #system-message dd.error ul { 
    color : #c00; 
    background : #e6c0c0 url(../../system/images/notice-alert.png) no-repeat 4px center; 
    border-top : 3px solid #de7a7b; 
    border-bottom : 3px solid #de7a7b; 
    } 
    #system-message dd.notice ul { 
    color : #c00; 
    background : #efe7b8 url(../../system/images/notice-note.png) no-repeat 4px center; 
    border-top : 3px solid #f0dc7e; 
    border-bottom : 3px solid #f0dc7e; 
    }
    #maindivider { 
    border-top : 1px solid #ddd; 
    margin-bottom : 10px; 
    overflow : hidden; 
    height : 1px; 
    }
    #form-login fieldset { 
    border : 0 none; 
    margin : 0; 
    padding : 0.2em; 
    } 
    #form-login ul { 
    padding : 10px 20px; 
    margin : 0; 
    }


    ich kenn mich gar nicht mehr aus =( weiß irgendwer wie ich da wieder raus kommen?

    brauch ich eigentlich die ganzen sachen in der css?

    edit: so, hab jetzt mal versucht ein bisschen aufzuräumen...hatte gelesen man soll mit joomla 1.5 kein php benutzen, dewegen alles weg.

    wie ich die 100% table wegbekomme weiß ich leider immer noch nicht. außerdem hab ich bei opera nen scrollbalken unten, obwohl theoretisch noch ganz viel platz ist.
    die css ist validiert, sollte also wenigstens keine probleme bereiten.
    wär echt nett, wenn sich nochmal jemand erbarmen würde!!!

    Beitrag zuletzt geändert: 15.2.2011 14:59:37 von it-heberle
  12. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!