Seite anpassen mit css?
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
anpassen
arbeit
balken
betrachter
code
design
ding
einlesen
genauere anleitung
hof
http
jeweiligen bildschirm
kleineren bildschirmen
minute
monitor
objekt
prozenten
sagen
stellen
url
-
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 =( -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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 -
hört dich nach viel arbeit an o.O
und ich dachte das ist n 3 minuten ding
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 -
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%" />
-
dome0910 schrieb:
hört dich nach viel arbeit an o.O
und ich dachte das ist n 3 minuten ding
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. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage