Auflösung

[Christian Walgenbach]

Wie kann ich die in der URL angegebene Seite auf allen Auflösungen gleich aussehen lassen?

CSS-Code:

body { background-color: #FFFFFF;
 font-family: Helvetica,Arial
 padding: 0px;
  margin: 0px
  height:100%;
}

#inhalt {
  overflow:auto;
  overflow-x:hidden;
  top: 150px;
  width:82%;
  height: 100%;
  float:right;

padding-right:10px;
  background-color: #FFFFFF;
}

#logo {
  height: 100px;
  margin: 10px;
  background-color: #FFFFFF;
}

#titel {
 position: absolute;
  left:350px;
  top: 30px;
  background-color: #FFFFFF;
}
#links {
position: absolute;
  top: 150px;
  left:20px;
  width:16%;
  background-color: #FFFFFF;
}

[Andavos]

Hallo,
wie meinst du gleich?
Das eine Site auf 800x640 gleich aussieht wie auf 1024?

1. Gar nicht.
Denn dann müsste du die bilder, schrift etc. immer neu generien etc.

Aber tabellen kann man "gleich machen".

wenn du width="100%" angibst, geht das Feld auf jeder Auflösung über den ganzen Browser.

wenn du width="500" angibst, ist das Feld immer 500 pixel groß

MFG
Andavos

[Christian Walgenbach]

wenn du width="100%" angibst, geht das Feld auf jeder Auflösung über den ganzen Browser.

wenn du width="500" angibst, ist das Feld immer 500 pixel groß

width ist nicht das problem. height habe ich auf verschiedenen auflösungen probleme.. schau dir mal "Unser Angebot" --> Anatomiekurse an.. Dort sieht man ein overflow... dieses ist auf verschiedenen auflösungen unterschiedlich.

[Detlef G.]

Hallo Christian Walgenbach

width ist nicht das problem. height habe ich auf verschiedenen auflösungen probleme.. schau dir mal "Unser Angebot" --> Anatomiekurse an.. Dort sieht man ein overflow... dieses ist auf verschiedenen auflösungen unterschiedlich.

#inhalt {
  overflow:auto;
  overflow-x:hidden;
  top: 150px;          <-  macht das Sinn, ohne position?
  width:82%;
  height: 100%;        <-  aha 100%
  float:right;

padding-right:10px;
  background-color: #FFFFFF;
}

#logo {
  height: 100px;       <-  und nocheinmal 100px dazu
  margin: 10px;
  background-color: #FFFFFF;
}

Das macht dann 100px mehr, als mein Browserfenster hoch ist.

Ich würde bei #inhalt width, height und float entfernen, stattdessen margin-left angeben.
Dann bei #links keine prozentuale Breite.
Zum Schock noch ein Screenshot http://d-graff.de/demos/selfhtml/LFZM.png.

MFG
Detlef

[Christian Walgenbach]

ich habe mal alles beherzigt was du gesagt hast.
Leider passt es Auflösungsmäßig nicht. 1024x786 --> 1280x....

[Christian Walgenbach]

ich habe mal alles beherzigt was du gesagt hast.
Leider passt es Auflösungsmäßig nicht. 1024x786 --> 1280x....

habe gerade rausgefunden. dass es im Mozilla ohne Problem funktioniert. Aber im MSIE noch scheitert.

[Detlef G.]

Hallo Christian

habe gerade rausgefunden. dass es im Mozilla ohne Problem funktioniert. Aber im MSIE noch scheitert.

Du musst dem #inhalt einen linken Rand geben, der breiter als das Menü ist.

Ich sehe die ganzen Seite so:
Ein Frameset oder eine Framenachbildung ist vollständig unnötig.
Damit könnten 100%-Höhenangeben entfallen, wie auch scrollbare Divs, wie auch alle damit im Zusammenhang stehenden Probleme.

Ein weiteres Problem stellt die Mischung aus "Text als Grafik" und richtigem (skalierbaren) Text dar, dazu noch Angaben für die Lienienhöhe in pt.

Leider habe ich im Moment nicht genug Zeit, um mich intensiver mit deiner Seite zu beschäftigen.

MFG
Detlef