kostenloser Webspace werbefrei: lima-city


Seite anpassen mit css?

lima-cityForumDie eigene HomepageHomepage Allgemein

  1. Autor dieses Themas

    dome0910

    Kostenloser Webspace von dome0910

    dome0910 hat kostenlosen Webspace.

    Hallo,
    meine Webseite wird auf kleineren Bildschirmen zusammengeschoben und dann reichlich gescrollt werden muss.

    Ist es möglich, eine Seite an den jeweiligen Bildschirm, bzw. an die jeweilige Bildschirmaufläsung, des Betrachters anzupassen? Ich meine, welchen Code muss ich wo eingeben, damit die Seite auf jedem Monitor passend erscheint?





    wer will mit helfen? den ich HASSE diese scroll balken xD
    BITTTTTE einer muss ne idee haben =(
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Hmm also entweder du codest alles so deas es egal auf welcher Auflösung passt oder du musst für jede Bildschirmgröße coden.

    Also du kannst mit Javascript den Bildschirm einlesen und dann musst du nur noch das jeweilge Design verbinden.

    Javascript siehe hier

    Noch eine Möglichkeit wäre immer relativ zu arbeiten das heißt du machst ein Design wobei alles mit Prozenten angegeben wird. Da muss man einmal alles an die Seite anpassen und schon müsste das bei den läufigen Bildschirmgrößen funktionieren.

    Beitrag zuletzt geändert: 30.3.2009 7:04:13 von dikay
  4. Autor dieses Themas

    dome0910

    Kostenloser Webspace von dome0910

    dome0910 hat kostenlosen Webspace.

    hört dich nach viel arbeit an o.O
    und ich dachte das ist n 3 minuten ding :mad:
    na aber so wirklich kapier ich des jetzt nicht !
    gibs den da eine genauere anleitung fuer Dummis ? =)
    oder hast du schon was fertiges da?
    würde mir weiterhelfen >.<

    Danke dir schonmal

    Beitrag zuletzt geändert: 30.3.2009 11:30:44 von dome0910
  5. javascript:

    auf deine startseite kommt der js-code drauf und der leitet dann z.B. bei einer bildschirmgrösse von 200 x 300 auf eine seite um, die genau dafür angepasst ist, also wo nichts breiter als 300 is!

    css / html:

    anstatt
    <img src="bild.jpg" width="300" />

    (wird bei bildschirmbreite von z.B. 200 nicht richtig angezeigt)

    schreibst du:
    <img src="bild.jpg" width="20%" />

  6. dome0910 schrieb:
    hört dich nach viel arbeit an o.O
    und ich dachte das ist n 3 minuten ding :mad:
    na aber so wirklich kapier ich des jetzt nicht !
    gibs den da eine genauere anleitung fuer Dummis ? =)
    oder hast du schon was fertiges da?
    würde mir weiterhelfen >.<

    Danke dir schonmal


    Also der Link oben kann dir sagen wie du die Bildschirmgröße aussieht.
    So also du machst verschiedene Layouts oder Größen/Menügröße oder was du halt willst machst z.B. mehrere index-dateien oder wenn du das nur mit css verändern kannst kannste einfach folgendes machen:

    <script type="text/javascript">
    if(screen.width=="1024"){document.write('<link rel="stylesheet" type="text/css" href="css1024.css">')} // Oder du nimmst anstatt screen.width / screen.height das hier das willste ja haben damit du net Scrollen musst screen.availHeight / screen.height
    </script>


    Hofe konnte dir weiterhelfen. Bei fragen einfach stellen.
  7. 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!