Willkommen ~Gast!
Registrieren || Einloggen || Hilfe/FAQ || Staff
Probleme mit der Registrierung im Forum? Melde dich unter registerEin Bild.
Autor Beitrag
000
18.05.2004, 15:45
scus



moinsen,
naja mir ist kein besserer titel eingefallen...
mein problem: ich will eine seite "programmieren" in der es eine spalte gibt, die mindestens 100% (mehr, bei mehr inhalt) der höhe des browserfensters ausfüllen soll. bsp: http://www.scus.net/pub/v2.jpg
wie mache ich das am besten?
<table height="100%"> --> w3c inkompatibel
<div style="height:100%;"> --> funkt nicht richtig in mozilla (inhalt ist länger als der zugehörige hintergrund etc.

--

sincères amitiés scus
--
Tand, Tand ist das Gebilde von Menschenhand

zum Seitenanfang zum Seitenende Profil || Suche
001
18.05.2004, 16:14
Megge



mach
Quellcode:<table style="height:100%">
vielleicht ist das w3c kompatibler? k/a...

aber wegen der kleinigkeit isses doch wurscht, oder?

--

zum Seitenanfang zum Seitenende Profil || Suche
002
18.05.2004, 18:50
Chronial



ja, mit table geht das vieleichtt, aber wenn du mal deine code irgendwie zur Verfügung stellen würdest, wäre es einfacher, das zu beurteilen.
Eventuell tut es ja style="height: inherit";

--

"tsuji-giri" (japanisch) - ein neues Schwert an einem Passanten ausprobieren

zum Seitenanfang zum Seitenende Profil || Suche
003
18.05.2004, 20:46
scus



ich habs jetzt so gelöst, dass unten noch ein 1000px hoher footer kommt, der auf jeden fall, die seite bis zum browserrand weiterführt... ist allerdings etwas "unsauber". also wenn noch jmd. ne idee hat...
Quellcode:html:
<html>
<head>
...
</head>
<body>
<div id="container">
<p>ganz viel text</p>
</div>
</body>
</html>

css:
#container {
background: url(../img/bild.gif);
height: 100%; --> der text ist, wenn genug da ist, länger als das div
}

--

sincères amitiés scus
--
Tand, Tand ist das Gebilde von Menschenhand


Dieser Beitrag wurde am 18.05.2004 um 20:48 von scus bearbeitet.
zum Seitenanfang zum Seitenende Profil || Suche
004
18.05.2004, 20:53
K-Putt



Ich hab bis jetzt noch immer nicht verstanden, was du eigentlich machen willst, bzw. wo das Problem liegt.

Aber die Seite künstlich mit ner großen Grafik auf ne fixe Breite zu zerren, ist äußerst unsauber. Da könntest genauso gut das height attribut verwenden.

Warum sollte das height attribut im <table> tag verboten sein?
Imho ists in <tr>'s verboten, aber nicht in <table>'s, oder täusche ich mich da grade?

--

Rambo Engineer @ Drippy's 2fort - finest TFC 1.5 || Bild Upload || The world's most advanced open source database

zum Seitenanfang zum Seitenende Profil || Suche
005
18.05.2004, 21:04
scus



breite ist ja kein problem...
die höhe. ich möchte, dass dieser weiß-transparente streifen: http://www.scus.net/pub/v2.jpg von der oberen, bis zur unteren kannte des fensters geht. und zwar zumindest in ie, mozilla und opera...

--

sincères amitiés scus
--
Tand, Tand ist das Gebilde von Menschenhand

zum Seitenanfang zum Seitenende Profil || Suche
006
18.05.2004, 21:22
tha_riddle



Glaube ich weiß was du meinst. Hatte dieses Problem auch. Vielleicht hilft dir ja mein Code. Bye

Zitat:
<html>

<head>
<title>tolle Seite!</title>

<style type="text/css">
html{ height:100%; }
body{ height:100%; }
</style>

</head>

<body topmargin="0" leftmargin="0" style=height:"100%">
<table width="640" height="100%" bgcolor=#BBFFBB align="center">
<tr>
<td>
Ich nutze 100% des Monitors aus.
</td>
</tr>
</table>
</body>

</html>

--

!!!Wenn man keine Ahnung hat einfach mal Fresse halten!!!

[evilGAMEz] [8mal4HoDeN]

zum Seitenanfang zum Seitenende Profil || Suche
007
18.05.2004, 21:48
K-Putt



Warum so kompliziert?

Hab dir da mal was gestrickt

Das Prinzip sollte klar sein, das musst du dann eben auf deine Tabelle anwenden.

Wenn dus mit Tabellen machst, mach erst mal ne 100% * 100% große "Haupttabelle".
Dann darin ne weitere Tabelle, in der die eigentliche Seite liegt.

--

Rambo Engineer @ Drippy's 2fort - finest TFC 1.5 || Bild Upload || The world's most advanced open source database

zum Seitenanfang zum Seitenende Profil || Suche
008
18.05.2004, 22:09
tha_riddle



Hm... ist das normal das oben und unten ein klitzekleiner Abstand ist (2px)? Na ja, keine Ahnung weil ein Rand hast du ja nicht angegeben.

--

!!!Wenn man keine Ahnung hat einfach mal Fresse halten!!!

[evilGAMEz] [8mal4HoDeN]

zum Seitenanfang zum Seitenende Profil || Suche
009
18.05.2004, 23:29
K-Putt



Das is der Standard-Margin den eine Tabelle hat.
ein margin: 0px; bei der Definition von table1 hebt den rand auf.

--

Rambo Engineer @ Drippy's 2fort - finest TFC 1.5 || Bild Upload || The world's most advanced open source database

zum Seitenanfang zum Seitenende Profil || Suche
010
29.05.2004, 15:57
scus



inzwischen habe ichs hinbekommen aber ich habe eine andere frage:
ich habe 2 divs, die sollen nebeneinnander angezeigt werden, werden jedoch so angezeigt:
Quellcode:+--------------+
|div1  div2 txt|
|text  div2 txt|
|      div2 txt|
|t exttext text|
+--------------+
der text des ersten divs wird vom text des anderen umflossen, soll aber in einer "spalte" daneben angezeigt werden. mit tabellen würde ich eher ungern arbeiten müssen...

edit: so solls aussehen:
Quellcode:+--------------+ +--------------+
|div1  text txt| |div2  text txt|
|div1  text txt| |div2  text txt|
|div1  text txt| |div2  text txt|
+--------------+ |div2  text txt|
                 |div2  text txt|
                 |div2  text txt|
                 +--------------+

--

sincères amitiés scus
--
Tand, Tand ist das Gebilde von Menschenhand


Dieser Beitrag wurde am 29.05.2004 um 16:01 von scus bearbeitet.
zum Seitenanfang zum Seitenende Profil || Suche
011
29.05.2004, 17:56
Onkel Dittmeyer



Das wär aber am einfachsten mit ner Tabelle zu lösen...
Das problem ist, das <div>s zu den Blockelementen gehört, also immer einen Zeilenumbruch nach sich haben.

--

zum Seitenanfang zum Seitenende Profil || Suche
012
29.05.2004, 18:44
CN



Zitat:
Warum sollte das height attribut im <table> tag verboten sein?
http://www.w3schools.com/tags/tag_table.asp

--

zum Seitenanfang zum Seitenende Profil || Suche
013
29.05.2004, 20:22
dp
Administrator


Zitat:
Onkel Dittmeyer postete
Das wär aber am einfachsten mit ner Tabelle zu lösen...
Das problem ist, das <div>s zu den Blockelementen gehört, also immer einen Zeilenumbruch nach sich haben.
das table-element ist zum darstellen von tabellarischen inhalten (tabellen eben) gedacht, nicht zur seitengliederung.

scus: probiers mal mit float: left; bei dem kasten links. ansonsten kann ich dir folgende drei urls wärmstens empfehlen für das thema:

http://www.positioniseverything.net/
http://css.maxdesign.com.au/floatutorial/index.htm
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

sollte dort irgendwo beschrieben sein.

--

zum Seitenanfang zum Seitenende Profil || Suche
014
30.05.2004, 01:31
scus



danke danke...
ich werd mal schauen.

--

sincères amitiés scus
--
Tand, Tand ist das Gebilde von Menschenhand

zum Seitenanfang zum Seitenende Profil || Suche
015
30.05.2004, 10:02
Onkel Dittmeyer



Zitat:
das table-element ist zum darstellen von tabellarischen inhalten (tabellen eben) gedacht, nicht zur seitengliederung.
Manchmal kommt man aber dank mancher Browser drum herum...

--

zum Seitenanfang zum Seitenende Profil || Suche
016
30.05.2004, 11:22
K-Putt



Genau so ist es.
Wie schön könnte diese Welt doch sein, wenn alle Browser korrekt funktionierenden Ebenen Support hätten...

--

Rambo Engineer @ Drippy's 2fort - finest TFC 1.5 || Bild Upload || The world's most advanced open source database

zum Seitenanfang zum Seitenende Profil || Suche