Willkommen auf dem Portal für Mediengestalter

Ironbird · Threadersteller

Hallo,

ich versuche eine Seite mit CSS zu machen. Bin gerade beim Grungerüst.

Ein Bild sollte ganz unten Links sein, und eins ganz oben rechts. Das habe ich auch bisher geschaft.

Jetzt habe ich mal geschaut, wie sich das ganze verhaltet, wenn man den Browser-Fenster immer weiter verkleinert.
Die Bilder kommen immer näher aneinander, bis das eine mit dem höheren "z-index" den anderen überlappt.

Um das zu verhindern, würde ich gerne eine mindestgröße für das Browser-Fenster festlegen.
Also z.B. 500px x 600px.
Ich habe es im Body eingegeben, aber es funktioniert nicht.

Weiß einer wie ich das machen muss?

Hier der Html-Code:
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div id=backlinks>
</div>
<div id=backrechts>
</div>

</body>
</html>

Hier der CSS-Code:

body {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
WIDTH: 500px;
HEIGHT: 600px;
}

#backlinks {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
z-index: 10;
BACKGROUND: url(material/face.jpg) no-repeat left bottom;
LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
WIDTH: 233px;
PADDING-TOP: 0px;
POSITION: absolute;
BOTTOM: 0px;
HEIGHT: 300px
}

#backrechts {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
Z-INDEX: 2;
BACKGROUND: url(material/g_logo.jpg) no-repeat right top;
RIGHT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
WIDTH: 300px;
PADDING-TOP: 0px;
POSITION: absolute;
TOP: 0px;
HEIGHT: 195px
}

Danke schon mal

Ironbird

sahnemuh · **Verfasst** So 14.05.2006 02:05 **Titel**

jede einschränkung bezüglich den persönlichen präferenzen (grade was den browser betrifft) ist mehr als schlecht. ich mag es schon nicht, wenn mir webseiten mein browserfenster auf die "passende auflösung" anpassen. mein browserfenster nicht verkleinern zu dürfen wäre für mich grund für alt + f4 auf der stelle.

Ironbird · Threadersteller

Also, verkleinern soll man es schon können. Aber ab einer bestimmten Größe sollen halt die Scrollbalken kommen. Denn das Problem ist im moment bei mir, dass diese beiden Bilder sich überlappen, wenn das Fenster zu klein gemacht wird. Und genau das will ich verhindern.

Geht das irgendwie?

Ironbird

Ivan · **Verfasst** So 14.05.2006 09:33 **Titel**

http://www.drweb.de/trickkiste/tricks54.shtml

Ich würds trotzdem nicht machen *zwinker*

Es nervt!

ulmer_hocker · Account gelöscht

rechte Box nicht vom rechten, sondern vom linken Rand positionieren. Dann tauchen Scrollbalken auf beim übermässigen verkleinern.

tacker · **Verfasst** So 14.05.2006 11:14 **Titel**

Wichtig: HTML und CSS sind keine Programmiersprachen!

mahzell · **Verfasst** So 14.05.2006 13:12 **Titel**

ich glaube er möchte nicht das browserfenster ansich, sondern die mindestgröße eines containers in seiner seite vorgeben.

such mal nach min-height und min-width.

der IE versteht min-height nicht, das musst du umgehen
http://www.dustindiaz.com/min-height-fast-hack/

Ivan · **Verfasst** So 14.05.2006 13:29 **Titel**

Willkommen auf dem Portal für Mediengestalter

Thema: CSS - minimale (mind.) Fenstergröße bestimmen vom 14.05.2006

CSS - minimale (mind.) Fenstergröße bestimmen