000
21.07.2003, 19:19
HasHas
|
Folgendes Problem:
Ich mach grad n Praktikum in ner Werbeagentur und bin gerade mit einer Internetseite beschäftig. Diese soll sich an den Rändern dehnen, wenn man eine höhere Auflösung als 800x600 hat.
An den Seiten hat das ganz gut geklappt, aber nach oben und unten soll sich die Seite ja auch vergrößern. Deswegen habe den Hauptkomponenten eine feste Größe gegeben, dann oben und unten auch eine leere Zeile mit der jeweiligen Hintergrundgrafik erstellt, die bei 800x600 nicht sichtbar sind, aber bei höherer Auflösung gestreckt werden. Die obere Zeile sollte sich aber nur maximal 20 Pixel dehnen lassen, egal, wie groß die Einstellung ist.
Ist es möglich, eine Maximalgröße für diese Zeile zu setzen?
Habe bereits gegoogelt und die Selfhtml-CSS-Datenbank durchforstet, komme aber zu keinem Ergebnis.
Wäre für Hilfe sehr dankbar!
edit: ziemlich kompliziert, gell? ich werde morgen, wenn ich wieder im Büro bin, versuchen, den Code zu posten...
--
Dieser Beitrag wurde am 21.07.2003 um 19:20 von HasHas bearbeitet.
|
|
Profil || Suche
|
001
21.07.2003, 21:51
[UFoSS]Blood_Man
|
Also wenn ich dich richtig verstehe würde ich es so machen:
Die Zeile die halt immer gleich bleiben soll mit z.b. height="30px" machen, und die Die immer maximal groß sein soll dann mit height="100%", dann wird sie immer so groß wies geht gemacht.
--
|
|
|
Profil || Suche
|
002
21.07.2003, 22:24
K-Putt
|
Dann wird aber die tabelle 100% + 30px groß.
Ich hab zwar die Frage nicht ganz verstanden, aber evtl. hilft das:
<table width="100%" height="100%">
<tr height="30">
<td width="100%">
titel
</td>
</tr>
<tr>
<td width="100%">
content
</td>
</tr>
</table>
Bei der 2.TR einfach keine Höhe angeben, dann kriegt die TR automatisch die Höhe, die von 100%-30px übrig bleibt.
--
Rambo Engineer @ Drippy's 2fort - finest TFC 1.5 || Bild Upload || The world's most advanced open source database
Dieser Beitrag wurde am 21.07.2003 um 22:25 von K-Putt bearbeitet.
|
|
|
Profil || Suche
|
003
22.07.2003, 00:11
arnson
|
ich glaueb er will die 20px spalte garnich immer angezeigt bekommen.
<script language="javascript">
<!--
function grafik()
{
var aufloesung= screen.height;
switch (aufloesung)
{
case 480:
$hoehe = "1";
break;
case 600:
$hoehe = "2";
break;
usw...
}
}
//-->
</script>
dann hat man die auflösung (hoffe ich)
un dann würd ich mit php weitermachen
<?php
switch ($hoehe)
{
case 0: echo "width=20"; break;
case 1: echo "width=20"; break;
case 2: echo "width=0"; break;
}
?>
keine ahnung ob das so geht, bin amateur, kann sein dass des oben völliger mist is :D
bin mir nicht ganz sicher ob man die variable aus javascript überhaupt so einfach übernehmen kann.
--
reallife is was für leute die im irc keine freunde haben
Dieser Beitrag wurde am 22.07.2003 um 00:13 von arnson bearbeitet.
|
|
|
Profil || Suche
|
004
22.07.2003, 08:18
HasHas
|
hier mal der Code (in 3 Teilen, weil so lang)
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Willkommen in der Kaiser Josef Apotheke - Altheim</title>
<style type="text/css">
body {margin:0px;
background-color:#e7e8e2; }
</style>
</head>
<body bgcolor="#ffffff" onload="CSScriptInit();">
<div align="center">
<table cellpadding="0" width="100%" height="100%" bgcolor="white" border="0" cellspacing="0">
<tr>
<td width="100%" valign="bottom" align="center" bgcolor="#00fa00"></td>
</tr>
<tr height="112">
<td width="100%" valign="bottom" align="center" height="112">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="112">
<tr height="112">
<td height="112" bgcolor="#e8e7e2">
<div align="right">
<img src="BILDER/grid.gif" width="4" height="112" border="0"></div>
</td>
<td align="center" valign="bottom" width="763" height="112">
<table onload="CSScriptInit();" onload="CSScriptInit();" border="0" cellpadding="0" cellspacing="0" width="763" height="112">
<tr height="112">
<td colspan="2" height="112" nowrap>
<table border="0" cellspacing="0" width="763" height="112" cellpadding="0">
<tr height="112">
<td height="112" width="190">
<div align="left">
<csobj w="186" h="112" t="Button" ht="BILDER/DIENSTC.gif"><a href="#" onmouseover="return CSIShow(/*CMP*/'Dienstlleistungen',1)" onmouseout="return CSIShow(/*CMP*/'Dienstlleistungen',0)" onclick="return CSButtonReturn()"><img src="BILDER/DIENST.gif" width="186" height="112" name="Dienstlleistungen" border="0"></a></csobj></div>
</td>
<td width="190" height="112">
<div align="left">
<csobj w="188" h="112" t="Button" ht="BILDER/AKTUELLESC.gif"><a href="#" onmouseover="return CSIShow(/*CMP*/'Aktuelles',1)" onmouseout="return CSIShow(/*CMP*/'Aktuelles',0)" onclick="return CSButtonReturn()"><img src="BILDER/AKTUELLES.gif" width="188" height="112" name="Aktuelles" border="0"></a></csobj></div>
</td>
<--!Fortsetzug im nächsten Post>
--
Dieser Beitrag wurde am 22.07.2003 um 08:22 von HasHas bearbeitet.
|
|
|
Profil || Suche
|
005
22.07.2003, 08:21
HasHas
|
<td height="112" width="190">
<div align="right">
<csobj w="188" h="112" t="Button" ht="BILDER/ZEITUNGC.gif"><a href="#" onmouseover="return CSIShow(/*CMP*/'Kundenzeitung',1)" onmouseout="return CSIShow(/*CMP*/'Kundenzeitung',0)" onclick="return CSButtonReturn()"><img src="BILDER/ZEITUNG.gif" width="188" height="112" name="Kundenzeitung" border="0"></a></csobj></div>
</td>
<td height="112" width="190">
<div align="right">
<csobj w="188" h="112" t="Button" ht="BILDER/NACHTDIENSTC.gif"><a href="#" onmouseover="return CSIShow(/*CMP*/'Nachtdienst',1)" onmouseout="return CSIShow(/*CMP*/'Nachtdienst',0)" onclick="return CSButtonReturn()"><img src="BILDER/NACHTDIENST.gif" width="188" height="112" name="Nachtdienst" border="0"></a></csobj></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td height="112" bgcolor="#e8e7e2"><img src="BILDER/grid.gif" width="4" height="112" border="0"></td>
</tr>
</table>
</td>
</tr>
<tr height="194">
<td width="100%" valign="bottom" align="center" height="194">
<table onload="CSScriptInit();" onload="CSScriptInit();" border="0" cellpadding="0" cellspacing="0" width="763" height="194">
<tr height="194">
<td width="283" height="194" background="BILDER/BGOBENLINKS.gif">
<p></p>
<p></p>
</td>
<td height="194" width="480" background="BILDER/BGOBENRECHTS.gif">
<p></p>
</td>
</tr>
</table>
--
|
|
|
Profil || Suche
|
006
22.07.2003, 08:22
HasHas
|
</td>
</tr>
<tr height="119">
<td width="100%" bgcolor="#e8e7e2" align="center" valign="top" height="119">
<table onload="CSScriptInit();" onload="CSScriptInit();" border="0" cellpadding="0" cellspacing="0" height="119" width="763">
<tr height="119">
<td colspan="2" height="119" background="BILDER/BGUNTEN.jpg" bgcolor="#e8e7e2"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="bottom" width="100%" bgcolor="#e8e7e2"></td>
</tr>
<tr height="60">
<td align="center" valign="bottom" width="100%" height="60" bgcolor="#e8e7e2">
<table onload="CSScriptInit();" onload="CSScriptInit();" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" bgcolor="#e8e7e2">
<div align="center">
<csobj w="190" h="60" t="Button" ht="BILDER/home2.jpg"><a href="#" onmouseover="return CSIShow(/*CMP*/'button',1)" onmouseout="return CSIShow(/*CMP*/'button',0)" onclick="return CSButtonReturn()"><img src="BILDER/home1.jpg" width="190" height="60" name="button" border="0"></a></csobj><csobj w="191" h="60" t="Button" ht="BILDER/bestellung2.jpg"><a href="#" onmouseover="return CSIShow(/*CMP*/'button2',1)" onmouseout="return CSIShow(/*CMP*/'button2',0)" onclick="return CSButtonReturn()"><img src="BILDER/BESTELLUNG1.jpg" width="191" height="60" name="button2" border="0"></a></csobj><csobj w="191" h="60" t="Button" ht="BILDER/aerzte2.jpg"><a href="#" onmouseover="return CSIShow(/*CMP*/'button3',1)" onmouseout="return CSIShow(/*CMP*/'button3',0)" onclick="return CSButtonReturn()"><img src="BILDER/aerzte1.jpg" width="191" height="60" name="button3" border="0"></a></csobj><csobj w="191" h="60" t="Button" ht="BILDER/links2.jpg"><a href="#" onmouseover="return CSIShow(/*CMP*/'button4',1)" onmouseout="return CSIShow(/*CMP*/'button4',0)" onclick="return CSButtonReturn()"><img src="BILDER/links1.jpg" width="191" height="60" name="button4" border="0"></a></csobj></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>die grün hinterlegte Zeile sollte sich beim Vergrößern der Site auf maximal 20 Pixel dehnen lassen...
--
|
|
|
Profil || Suche
|
007
22.07.2003, 09:52
erazor
|
dafür dass es ein praktikum ist sollten dir die leute doch was beibringen, oder?
da fehlt was, gleich in der ersten zeile, vor </html>---> DTD
und versuchwenigstens, dich an die html-standards zu halten,
lass die siete einmal durch den validator wandern
http://validator.w3.org/file-upload.html
btw, könntest du die seite irgendwo hochladen, ohne die bilder und dem ganzen zeug kann man sich schwer in dem code orientieren
--
grmml.. hier war einmal eine sig | Get Firefox!
Dieser Beitrag wurde am 22.07.2003 um 09:53 von erazor bearbeitet.
|
|
|
Profil || Suche
|
008
22.07.2003, 10:42
K-Putt
|
Nun ja - wie unschwer zu erkennen ist ist der Code von nem wysiwyg editor generiert, und den code werde ich sicher nicht entrümpeln.
Machs gleich ordentlich
--
Rambo Engineer @ Drippy's 2fort - finest TFC 1.5 || Bild Upload || The world's most advanced open source database
|
|
|
Profil || Suche
|
009
22.07.2003, 11:08
HasHas
|
jaja, ich schick euch das gottverdammte <table> allein, hochladen geht nicht auf dem sch... Mac, sonst hätt ich das schon lang gemacht .
Es ist warhscheinlich eh egal, weil die obere Zeile jetzt einfach fix gemacht wird...
So, simpler gehts nicht mehr:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Problem</title>
</head>
<--!Bei 800x600 nimmt die mittlere Zeile (Hauptfenster) den gesamten Platz ein. Bei einer größeren Auflösung dehnen sich die obere und untere Zeile, um den gesamten vertikalen Raum auszufüllen. Die obere Zeile soll sich aber auf maximal 20 Pixel dehnen lassen-->
<body bgcolor="#ffffff">
<table border="1" cellpadding="0" cellspacing="2" width="100%" height="600">
<tr>
<td width="100%">
<p>Diese Zeile soll maximal 20 Pixel hoch werden können</p>
</td>
</tr>
<tr>
<td width="100%">
<p>Diese Zeile hat eine feste Größe</p>
</td>
</tr>
<tr>
<td width="100%">
<p>Diese Zeile kann sich in der Höhe beliebig weit dehnen</p>
</td>
</tr>
</table>
</body>
</html>
Wohl bekomm's!
--
Dieser Beitrag wurde am 22.07.2003 um 11:24 von HasHas bearbeitet.
|
|
|
Profil || Suche
|
010
22.07.2003, 12:16
erazor
|
ich hätte vorgeschlagen: obere zeile: style="max-height:20px" ... aber der internet explorer meint er muss sich nicht an max-height halten... one more reason warum ich msie hasse
ich würde es mal so sagen: ohne jeder menge javagescripte wirds nicht möglkich sein, und ich bin da nicht so der checker
fazit: es gibt keine html/css-lösung, die auch mit dem IE funktioniert
btw: wenn sich die zeilen strecken sollen, darfst du keine fixe höhe der tabelle angeben, allerhöchstens eine %uelle (100% in dem fall, was aber auch ncihtmehr html4-konform wäre)
--
grmml.. hier war einmal eine sig | Get Firefox!
Dieser Beitrag wurde am 22.07.2003 um 12:16 von erazor bearbeitet.
|
|
|
Profil || Suche
|
011
22.07.2003, 13:27
HasHas
|
max-height hab ich vorher auch schon probiert, da hat er nur rumgemockt...
Dann lass ich den Abstand halt absolut, mit Java will ich mich wegen dem Mist nun wirklich nicht herumplagen müssen, das wird dann nur riesengroß und scheißkompliziert
--
|
|
|
Profil || Suche
|
.