• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Anpassung von Homepage an Monitor

Status
Für weitere Antworten geschlossen.
S

stupsl

Neues Mitglied
Hi,
ich bin noch recht neu hier im Forum aber ich denke mal das ich richtig bin ;)

Ich möchte meine Homepage so einstellen das Sie auf jedem Monitor/Browser richtig zu sehen ist.
Nicht das sich auf kleineren Monitoren die Seite verschiebt usw..

Meine Homepage ist mit Frames gemacht (ich weiß.. furchtbar.. aber ist mir so recht), ich habe oben ein top frame mit 2 Logos und links ein Menü und in der Mitte halt ein Fenster mit einem iframe.

Ich habe schon mehrmals gegoogelt, aber leider immer nur den Hinweis gefunden die Tabellen (wo ich alles rein gemacht habe) mit Prozenten zu machen, also width="100%" in den table.

Ist dieses richtig? weil die 2 Logos die oben im Top sind, die sollen sich so mit verschieben das sie immer lesbar sind, egal auf welchem Monitor die Seite aufgerufen wird.

Ich hoffe mir kann jemand helfen :)
 
Werbung:
also wenn du eine seite an die auflösung anpassen willst, kannst du eigentlich fast nicht auf prozent verzichten!
dass dein logo immer lesbar musst du auch mit porzent arbeiten, aber auf den meistens seiten ist das logo so abgestimmt dass es auf jeder auflösung lesbar ist.
Die meisten User haben sowieso eine auflösung die höher als 800x600 ist
 
ok also wenn ich folgenden Code hab:

Code: 
<html>
<head>
<title>Top</title>
<link rel="stylesheet" href="css.css" type="text/css">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" scroll="no">
<table border="2" width="100%">
<tr><td>
<img src="../Bilder/Logo/logo.jpg" width="130" height="141" border="0" alt="">
</td>
<td>
<img src="../Bilder/Logo/logo02.gif" width="1056" height="113" border="0" alt="">
</td></tr>
</table>
</body>
</html>

ist das so richtig mit dem prozent? oder wie setzt man das ein? Hab da mal son totales BlackOut :/
 
Werbung:
stupsl schrieb:
ok also wenn ich folgenden Code hab:

Code: 
<html>
<head>
<title>Top</title>
<link rel="stylesheet" href="css.css" type="text/css">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" scroll="no">
<table border="2" width="100%">
<tr><td>
<img src="../Bilder/Logo/logo.jpg" width="130" height="141" border="0" alt="">
</td>
<td>
<img src="../Bilder/Logo/logo02.gif" width="1056" height="113" border="0" alt="">
</td></tr>
</table>
</body>
</html>

ist das so richtig mit dem prozent? oder wie setzt man das ein? Hab da mal son totales BlackOut :/
Zum Vergrößern anklicken....

Im Prinzip schon. Lade es soch einfach mal hoch und teste es:roll:
 
Html-Profi schrieb:
Im Prinzip schon. Lade es soch einfach mal hoch und teste es:roll:
Zum Vergrößern anklicken....

Zurzeit habe ich noch kein Server etc... das kommt alles in der nächsten Woche erst.

Nur wenn ich mir die seite so Offline aufn PC anschaue (1280 x 1024) und dann die Auflösung auf 1024 x 768 veränder... sind die Bilder immer abgeschnitten.. und man sieht halt nur die hälfte (im Oberen Frame Bereich).

Glaubst das würd erst funktionieren wenn man das hochläd?
 
Werbung:
Werbung:
Ja das ist mir schon klar.. das ich das dann verkleinern muss.. aber dann schaut es wieder bei leuten mit einer auflösung wieder ganz anders aus...

kann man das bild nicht so machen das es sich immer an den bildschirm anpasst.. bei wem auch immer das fenster mit dem bild aufgeht?
 
da gibtres sicherlich mehrere möglichkeiten
eine wäre die grafik zu trennen und einen teil als div hintergrund definieren und so der seite anzupassen
eine andere wäre mit javascript möglich
machst du eine klickweiche auf der introseite, kannst du das auch mit php realisieren
aber wenn es sich um jpg-grafiken,-fotos handelt, finde ich eine skalierung nicht wirklich sinnvoll
 
Werbung:
das gleiche wollte ich auch vorschlagen und noch javascript, denn damit kann man die proportionen der seite je nach bildschirmauflösung individuell anpassen
 
also ich hab das bild nun in ein Div eingebunden... da siehts schon anders aus... ^.^

mit javascript kenn ich mich leider gar net aus :/

werde es dann wohl erstmal so belassen..

Vielen Dank Leute :)
 
Servus,

Also du möchtest eine HP auf allen erenklichen Brosern und
ebenso in allen möglichen Bilschirmauflösungen darstellen - hmmm.

Ohne .css keine Chance - denn so macht man es heutzutage.
Nur zu Info - wenn du surfst - dein Rechner gibt Daten, an den Server auf dem die Seite ist, ab. Sehe es jeden Tag - ähnelt dem Film Matrix *g* In den Daten findest du:
1) Broser^^
2) Bildauflösung^^
Alles was du brauchst - wie gesagt ist schon standart - nun liesst deine Seite die Daten ein Bsp.
Kunde A - Name Fritz - kommt auf deine Seite "Pipi Langstrumpf"
Er benutzt den IE& und Auflösung 800x600 (leider noch standard).
Deine Seite nimmt jetzt eine .css die für diese Art von Broser und Auflösund angepasst ist. Fertig. Das bedeutet du hast zig .css Dateien. IE, FF, Opera usw. mit Auflsungen ebenso.

Einfacher geht es mit Tabellen.
Ich weiss du hast Frames.
Ich liebe auch Frames.
Diese machen aber immer wieder ärger, entweder beim IE oder FF - FireFox
Ich konzentriere mich auf FF - wer benutzt den schon IE o.0^
Und verwende kaum Frames.
Es gibt nichts besseres als Tabellen, um mit einem Skript für alle optionen klar zu kommen.
Dann sagt man jetzt ja aber jede seite wird dann kommplet neu geladen.
Jop - richtig - und? - wenn interessierts^^ - die meisten heutzutage haben ne 2k leitung - ich selber ne 16k und komme manchmal auf siten die 2 bis 3 sekunden aufbauen.

Wie gesagt das sind die Optionen.
Die Wahl und Quall gehört dir.

Gruß
Tolonath

PS.sry hab den Topic net gelesen - sollte ich jemanden wiederhollt haben - sorry -:)
 
Werbung:
Html-Profi schrieb:
....mit php auflösung herrausfinden....
Zum Vergrößern anklicken....
das wird garnicht funktionieren, php läuft server seitig.
wenn du java-script verwenden möchtest könnte das ca so funktionieren..

Code: 
<head>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">

if( screen.width == 1024)
{
    document.write('<link rel="stylesheet" href="1024.css" type="text/css">');
}

if( screen.width == 1280)
{
    document.write('<link rel="stylesheet" href="1280.css" type="text/css">');
}

if( screen.width > 1280)
{
    document.write('<link rel="stylesheet" href="ueber1024.css" type="text/css">');
}

</script>

ist nur ein quic and dirty ansatz, funktioniert aber.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben