purzelbaum
unsere besten emails
Coder Board Community

 
Boardmenü
Forum
Portal

Registrieren
Suche
Statistik
Mitglieder
Team
Kalender
Sponsoren
Partner

F.A.Q

Lexikon
Amazon Shop
Unterforen Navigation
Hardware
Software
Betriebssysteme
Foren & CMS
EDV Sicherheit
Telekommunikation
Tutorials & FAQ's
Downloads
Boardsuche
Board durchsuchen:

Wer ist Online ?
Zur Zeit im Forum unterwegs:
- 0 Mitglieder
- davon 0 unsichtbar
- 11 Besucher
- 4 Bot(s)
- 15 Benutzer gesamt


Wer ist wo online?
Wer war Online ?
Heute waren 0 Mitglieder im Forum unterwegs.
Linktip's
   Eigene Projekte:
auto-board.info
film-freunde.info
flirt-freunde.info
linkhunter.info
tier-freunde.info
spass-forum.info
buch-freunde.info
mystic-freunde.de
heimwerker-freunde.de

   Befreundete Projekte:
holyhell.de
emsfriends.de

Coder Board Community » Coding » HTML » Ausrichtung width="*" » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Seiten (3): [1]2 3 nächste » Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Ausrichtung width="*"
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
piep001 piep001 ist männlich
Elite Member


images/avatars/avatar-38.gif

Dabei seit: 01.03.2004
Beiträge: 337
Herkunft: NRW

Ausrichtung width="*" Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ok, helft mir mal bitte.

Ich will auf ner Seite links ne Menüleiste einbauen und rechts die Hauptseite.
Die Menüleiste möchte ich mit einer festen Pixelbreite austatten (z.B. width="200px"). Die Hauptseite soll dann den Rest der Breite des Browsers ausnutzen.

Was muss ich tun?

Gibt es da vielleicht auch ne schöne <div> Lösung?

__________________
Spaß im Netz auf www.piep001.de

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von piep001: 15.07.2004 19:15.

15.07.2004 19:15 piep001 ist offline E-Mail an piep001 senden Homepage von piep001 Beiträge von piep001 suchen Nehmen Sie piep001 in Ihre Freundesliste auf Fügen Sie piep001 in Ihre Kontaktliste ein AIM-Name von piep001: MIBpiep MSN Passport-Profil von piep001 anzeigen
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von piep001 am 15.07.2004 um 19:15 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
Ebay
Zum Anfang der Seite springen

http://www.itratos.de
Ephraim Ephraim ist männlich
Hobby Progger


images/avatars/avatar-58.gif

Dabei seit: 23.03.2004
Beiträge: 826
Herkunft: coder-board.info

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ich würde die Menu Seite fest mit einer px Breite festlegen und
die andere Seite kann man auf width="95%" setzten.
absichtlich nicht 100% da ansonsten die Seite immer grösser als
die eingentliche Fensterbreite wird und man dann einen horizontalen
Scrollbalken erhält.

mit div kannst du das natürlich auch machen.
ich würde da dann mit style="position: absolute; top: XX; left: XX; width: XXpx; height: XXpx;" usw. arbeiten. zumindest
bei dem Menu. Die normale Ansicht würde ich dann auch mit postion: absolute und left und top plazieren aber die breite und höhe würde ich weg lassen.

Näheres dazu hier:
Positionierung mit CSS

Ciao Ephraim
PS.: Bei nähren Fragen natürlich CSS Forum verwenden Augenzwinkern Immer schön
ordnung halten *gg*

__________________
  1. Google
  2. SelfHTML's Quickbar Supertool (für HTML,CSS,Javascript Fragen)
  3. CSS 4 You (für CSS Fragen)
  4. CoderBoard's Search
  5. After that, with no success, post here smile


15.07.2004 19:31 Ephraim ist offline E-Mail an Ephraim senden Beiträge von Ephraim suchen Nehmen Sie Ephraim in Ihre Freundesliste auf AIM-Name von Ephraim: Gibts Nicht mehr YIM-Name von Ephraim: Gibts Nicht mehr
piep001 piep001 ist männlich
Elite Member


images/avatars/avatar-38.gif

Dabei seit: 01.03.2004
Beiträge: 337
Herkunft: NRW

Themenstarter Thema begonnen von piep001
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ich sehe, du erzählst auch einfach nur so heraus, ohne es getestet zu haben.
Ich hab ja schon einige Seite gemacht, aber immer wieder kam ich auf diese Problem, dass ich Tabellen nicht ganz 100% korrekt ausgerichtet bekommen habe.

Wenn man es z.B. so macht (s. Quelltext), dann geht's nicht...
php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
<TABLE border="0">
<tr>
    <td width="500px" align="left" valign="top">
    fdsfds fdsfdsf dsfdsf
    dsfdsf
    ds f
    dsfsd 
    f ds
    fds
    fsdfdsfdsfds
    </td>

    <td width="95%" valign="top">
    njdsoifjhdsofjdsfsdfsd f
    dsf dsfdsf
     dsf
      sdf
      dsf
      dsfsdfdsffdsf
    </td>
</tr>
</TABLE>


__________________
Spaß im Netz auf www.piep001.de
15.07.2004 19:59 piep001 ist offline E-Mail an piep001 senden Homepage von piep001 Beiträge von piep001 suchen Nehmen Sie piep001 in Ihre Freundesliste auf Fügen Sie piep001 in Ihre Kontaktliste ein AIM-Name von piep001: MIBpiep MSN Passport-Profil von piep001 anzeigen
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von piep001 am 15.07.2004 um 19:59 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
Ebay
Zum Anfang der Seite springen

http://www.itratos.de
Ephraim Ephraim ist männlich
Hobby Progger


images/avatars/avatar-58.gif

Dabei seit: 23.03.2004
Beiträge: 826
Herkunft: coder-board.info

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

was is jetzt dein Problem?
nebenbei valign="top" geht NUR im tr! smile

[EDIT]Hmm die ausrichtung funtz net Augenzwinkern ... schade [/EDIT]

Ciao Ephraim

__________________
  1. Google
  2. SelfHTML's Quickbar Supertool (für HTML,CSS,Javascript Fragen)
  3. CSS 4 You (für CSS Fragen)
  4. CoderBoard's Search
  5. After that, with no success, post here smile


15.07.2004 21:45 Ephraim ist offline E-Mail an Ephraim senden Beiträge von Ephraim suchen Nehmen Sie Ephraim in Ihre Freundesliste auf AIM-Name von Ephraim: Gibts Nicht mehr YIM-Name von Ephraim: Gibts Nicht mehr
piep001 piep001 ist männlich
Elite Member


images/avatars/avatar-38.gif

Dabei seit: 01.03.2004
Beiträge: 337
Herkunft: NRW

Themenstarter Thema begonnen von piep001
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Mein Problem ist, dass ich die rechte Spalte feste haben möchte (in der Breite) und die linke soll sich an den Rest anpassen.

Dein Beispiel ging leider nicht.

Und valign geht sehr wohl in <td> Tag.
<th valign="Ausrichtung">Kopfzelle</th>
<td valign="Ausrichtung">Datenzelle</td>
siehe SELFHTML -> http://de.selfhtml.org/html/tabellen/ges...richtung_zellen

__________________
Spaß im Netz auf www.piep001.de
15.07.2004 22:14 piep001 ist offline E-Mail an piep001 senden Homepage von piep001 Beiträge von piep001 suchen Nehmen Sie piep001 in Ihre Freundesliste auf Fügen Sie piep001 in Ihre Kontaktliste ein AIM-Name von piep001: MIBpiep MSN Passport-Profil von piep001 anzeigen
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von piep001 am 15.07.2004 um 22:14 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
Affilimatch
Zum Anfang der Seite springen

http://www.itratos.de
piep001 piep001 ist männlich
Elite Member


images/avatars/avatar-38.gif

Dabei seit: 01.03.2004
Beiträge: 337
Herkunft: NRW

Themenstarter Thema begonnen von piep001
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hab's jetzt erst mal so gelöst, aber schön finde ich die Lösung nicht.
Wer was besseres weiß, immer her damit.

php:
1:
2:
3:
4:
5:
6:
<TABLE border="0" width="100%" height="100%" style="table-layout:fixed;">
<tr>
    <td width="200">Bla bla bla!</td>
    <td>Bla bla bla!</td>
</tr>
<TABLE>


__________________
Spaß im Netz auf www.piep001.de
16.07.2004 08:27 piep001 ist offline E-Mail an piep001 senden Homepage von piep001 Beiträge von piep001 suchen Nehmen Sie piep001 in Ihre Freundesliste auf Fügen Sie piep001 in Ihre Kontaktliste ein AIM-Name von piep001: MIBpiep MSN Passport-Profil von piep001 anzeigen
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von piep001 am 16.07.2004 um 08:27 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
Ephraim Ephraim ist männlich
Hobby Progger


images/avatars/avatar-58.gif

Dabei seit: 23.03.2004
Beiträge: 826
Herkunft: coder-board.info

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Man Man smile Ich dachte immer des gibts beim td nicht ...
naja man lernt nie aus Augenzwinkern

Hab selber auch nochmal nachgeguckt, steht sogar bei
der Attribut Referenz von SelfHtml dabei unglücklich ...

http://de.selfhtml.org/html/referenz/attribute.htm#td

Ciao Ephraim

__________________
  1. Google
  2. SelfHTML's Quickbar Supertool (für HTML,CSS,Javascript Fragen)
  3. CSS 4 You (für CSS Fragen)
  4. CoderBoard's Search
  5. After that, with no success, post here smile


16.07.2004 08:27 Ephraim ist offline E-Mail an Ephraim senden Beiträge von Ephraim suchen Nehmen Sie Ephraim in Ihre Freundesliste auf AIM-Name von Ephraim: Gibts Nicht mehr YIM-Name von Ephraim: Gibts Nicht mehr
Affilimatch
Zum Anfang der Seite springen

http://www.itratos.de
piep001 piep001 ist männlich
Elite Member


images/avatars/avatar-38.gif

Dabei seit: 01.03.2004
Beiträge: 337
Herkunft: NRW

Themenstarter Thema begonnen von piep001
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Was soll's. Man kann halt nicht alles wissen. Augenzwinkern

Aber wäre auch blöde, wenn man nur ganze Spalten vertikal ausrichten könnte, oder? smile

__________________
Spaß im Netz auf www.piep001.de
16.07.2004 08:32 piep001 ist offline E-Mail an piep001 senden Homepage von piep001 Beiträge von piep001 suchen Nehmen Sie piep001 in Ihre Freundesliste auf Fügen Sie piep001 in Ihre Kontaktliste ein AIM-Name von piep001: MIBpiep MSN Passport-Profil von piep001 anzeigen
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von piep001 am 16.07.2004 um 08:32 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
Ephraim Ephraim ist männlich
Hobby Progger


images/avatars/avatar-58.gif

Dabei seit: 23.03.2004
Beiträge: 826
Herkunft: coder-board.info

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Was hälst du hier von?
Du musst bloss unten im HTML Code die width vom rechten Div
setzten und das linke wird angepasst smile

php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
< HTML>
    <head>
        <title>sdgsadfg</title>
    </head>
    <script language="Javascript">
    <!--
    function GetById(id) {
        return document.getElementById(id);
    }

    function ResizeDivs() {
        var links GetById("links");
        var rechts GetById("rechts");
        var rest;
        var width = /^(d*).*/;

        if(links && rechts) {
            links.style.height window.innerHeight;
            rechts.style.height window.innerHeight;
            width.exec(rechts.style.width);
            width RegExp.$1;
            rest window.innerWidth width;
            links.style.width rest "px";
            rechts.style.left rest;
        }
    }
    -->
    </script>
    <body onLoad="ResizeDivs()">
        <div id="links" style="border: solid 1px black; position: absolute; top: 0; left: 0;"></div>
        <div id="rechts" style="border: solid 1px black; position: absolute; top: 0; width: 200px;"></div>
    <body>
</ HTML>


Ciao Ephraim

__________________
  1. Google
  2. SelfHTML's Quickbar Supertool (für HTML,CSS,Javascript Fragen)
  3. CSS 4 You (für CSS Fragen)
  4. CoderBoard's Search
  5. After that, with no success, post here smile


16.07.2004 09:31 Ephraim ist offline E-Mail an Ephraim senden Beiträge von Ephraim suchen Nehmen Sie Ephraim in Ihre Freundesliste auf AIM-Name von Ephraim: Gibts Nicht mehr YIM-Name von Ephraim: Gibts Nicht mehr
Google
Zum Anfang der Seite springen

http://www.itratos.de
Ephraim Ephraim ist männlich
Hobby Progger


images/avatars/avatar-58.gif

Dabei seit: 23.03.2004
Beiträge: 826
Herkunft: coder-board.info

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zitat:
Aber wäre auch blöde, wenn man nur ganze Spalten vertikal ausrichten könnte, oder?


So hatte ich mir des noch garnicht überlegt Augenzwinkern ... ich hab des einfach
dann immer komplett gemacht Augenzwinkern

Aber ansich is es absolut besser des man per td setzen kann smile

Ciao Ephraim

__________________
  1. Google
  2. SelfHTML's Quickbar Supertool (für HTML,CSS,Javascript Fragen)
  3. CSS 4 You (für CSS Fragen)
  4. CoderBoard's Search
  5. After that, with no success, post here smile


16.07.2004 09:37 Ephraim ist offline E-Mail an Ephraim senden Beiträge von Ephraim suchen Nehmen Sie Ephraim in Ihre Freundesliste auf AIM-Name von Ephraim: Gibts Nicht mehr YIM-Name von Ephraim: Gibts Nicht mehr
piep001 piep001 ist männlich
Elite Member


images/avatars/avatar-38.gif

Dabei seit: 01.03.2004
Beiträge: 337
Herkunft: NRW

Themenstarter Thema begonnen von piep001
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zum Quelltext:
Netter Versuch, aber...

1) Ich will JavaScript so gut es geht vermeiden.
Wenn jemand ein Adressbuch auf Grund vom Abgeschalteten JavaScript nicht öffnen kann, dann ist das eine Sache, aber den kompletten Seitenaufbau nicht richtig sehen zu können, ist da schon sehr blöde.

2) Das Script klappt weder im IE noch im Mozilla richtig.
Beim Mozilla ist die linke Spalte extrem groß, auch wenn sie sich ja automatisch anpassen soll und beim IE sind beide Spalten plötzlich übereinander.

Ne, so gehts auch nicht, sorry!
Aber immerhin nen Versuch und dafür natürlich nen THX!! smile

__________________
Spaß im Netz auf www.piep001.de
16.07.2004 10:45 piep001 ist offline E-Mail an piep001 senden Homepage von piep001 Beiträge von piep001 suchen Nehmen Sie piep001 in Ihre Freundesliste auf Fügen Sie piep001 in Ihre Kontaktliste ein AIM-Name von piep001: MIBpiep MSN Passport-Profil von piep001 anzeigen
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von piep001 am 16.07.2004 um 10:45 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
Google
Zum Anfang der Seite springen

http://www.itratos.de
piep001 piep001 ist männlich
Elite Member


images/avatars/avatar-38.gif

Dabei seit: 01.03.2004
Beiträge: 337
Herkunft: NRW

Themenstarter Thema begonnen von piep001
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

*argh* Sitze gerade an nem PC mit 14' Monitor und 800x600 Auflösung (nicht meiner, wohl bemerkt). Wenn ich meine Testseite mit dem oben geposteten Code aufurfe, dann sitzt zwar alles dort, wo es soll und auch die Menüleiste bleibt fest in ihrer Breite, so wie sie es soll, nur leider habe ich nun keine horizontale Scrollleiste mehr und somit kann ich den Inhalt der rechten Spalte (die sich ja automatisch anpasst) nicht mehr sehen! *grummel*

Weiß einer Rat oder vielleicht doch noch ne gute Lösung für ne Seite mit fester linker Menüleiste und variabler rechten Hauptseite???? *need help*

__________________
Spaß im Netz auf www.piep001.de
17.07.2004 18:51 piep001 ist offline E-Mail an piep001 senden Homepage von piep001 Beiträge von piep001 suchen Nehmen Sie piep001 in Ihre Freundesliste auf Fügen Sie piep001 in Ihre Kontaktliste ein AIM-Name von piep001: MIBpiep MSN Passport-Profil von piep001 anzeigen
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von piep001 am 17.07.2004 um 18:51 verfassten Beitrag.
Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
Seiten (3): [1]2 3 nächste » Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Coder Board Community » Coding » HTML » Ausrichtung width="*"

Views heute: 1.184 | Views gestern: 7.372 | Views gesamt: 15.681.466



Impressum

Board Blocks: 46.034 | Spy-/Malware: 1.245.611.449.400.000.000.000.000.000 | Bad Bot: 0 | Flooder: 21.847
CT Security System Pre 6.0.1: © 2006-2007 Frank John

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH

Style & Graphics © 2004-2005 by Technomausi