Du bist nicht eingeloggt! Möglicherweise kannst du deswegen nicht alles sehen.
  (Noch kein mods.de-Account? / Passwort vergessen?)
Zur Übersichtsseite
Hallo anonymer User.
Bitte logge dich ein
oder registriere dich!
 Moderiert von: Che Guevara


 Thema: CSS statt Tabelle ( Volle Höhe, du blöde Spalte! Volle Höhe in Deckung )
[1] 2 nächste »
erste ungelesene Seite | letzter Beitrag 
[Dicope]

[Dicope]
böse gucken Volle Höhe, du blöde Spalte! Volle Höhe in Deckung
Hi,

Eine Demo sagt mehr als Worte

- Die Seite soll immer die gesamte Höhe ausfüllen
- Wenn die Navi oder der Content länger sind, soll alles nach unten wandern

Nicht, dass ich es nicht versucht habe - mittlerweile bin ich aber beinahe so weit, zu behaupten, dass CSS das nicht kann. :/

Gruß und Dank,
Dicope
04.01.2007 14:07:51  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Cays

Sniper BF
Ich weiß nicht ob ich dein problem richtig erkenne, aber bei mir ist die Höhe immer voll ausgenutzt. jedenfalls im Firefox V 2.0.
Im IE ist da ein Fehler mit dem Div, der anscheinend unten immernoch den Platz reserviert, obwohl er da garnichtmehr ist.
/ah, du möchtest statt der Tabelle CSS benutzen? peinlich/erstaunt
Dann kann ich leider auch nicht helfen...
[Dieser Beitrag wurde 1 mal editiert; zum letzten Mal von Cays am 04.01.2007 14:24]
04.01.2007 14:14:04  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
[Dicope]

[Dicope]
Zur Klarstellung:

Es soll so aussehen, wie es jetzt im Firefox aussieht - nur halt mit Divs.
04.01.2007 14:44:59  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Zensiert

AUP Zensiert 28.11.2007
Ohne Inhalt
Mit Navigation
Mit Inhalt

Kris
04.01.2007 16:06:26  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
OliOli

AUP Oli 21.12.2018
 
Zitat von [Dicope]

Zur Klarstellung:

Es soll so aussehen, wie es jetzt im Firefox aussieht - nur halt mit Divs.


du hast schon recht, man kann einem div container nicht die höhe 100% geben. Oder sagen wir, min-height:100%;. Ich glaub daran hab ich mir auch schonmal die Zähne ausgebissen. Mit javascribt die verfügbare fenstergröße auslesen und mit min-height bzw. beim IE height dann die Größe festlegen. Anders hab ichs nicht hinbekommen.
04.01.2007 16:34:51  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
[Dicope]

[Dicope]
 
Zitat von Zensiert

Ohne Inhalt
Mit Navigation
Mit Inhalt

Kris


Hmmm. So ganz wie ich mir das vorstelle ist es nicht, aber ich nehm das mal als Ansatz. Vielleicht komm ich so drauf.

Danke erstmal.
04.01.2007 16:42:04  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
[Dicope]

[Dicope]
Hmmm. Das kommt trotzdem nicht so hin. Ich mach das jetzt mit Tabellen - Leute wie Plex können mich mal. peinlich/erstaunt
04.01.2007 17:30:38  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Smoking

AUP Smoking 09.09.2023
zufall?
04.01.2007 17:58:45  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
TheRealPlextor

therealplextor
 
Zitat von [Dicope]

Hmmm. Das kommt trotzdem nicht so hin. Ich mach das jetzt mit Tabellen - Leute wie Plex können mich mal. peinlich/erstaunt



Das hab ich gesehen
04.01.2007 20:55:20  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
OliOli

AUP Oli 21.12.2018
ist übrigens das einzige wirkliche defizit was mir bei css bekannt ist.

kennt ihr noch mehr?
04.01.2007 21:00:45  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
v!pe

Phoenix
Ich finds immer recht umständlich 2 Divs nebeneinander zu positionieren. Der eine 300 Pixel breit, der andere den Rest des Viewports.
04.01.2007 21:07:53  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
[Dicope]

[Dicope]
 
Zitat von v!pe

Ich finds immer recht umständlich 2 Divs nebeneinander zu positionieren. Der eine 300 Pixel breit, der andere den Rest des Viewports.

float?
04.01.2007 21:10:58  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
v!pe

Phoenix
Ohne ein margin-left oder -right geht das eine Div dann aber immer über 100% Breite.
04.01.2007 21:20:34  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Zensiert

AUP Zensiert 28.11.2007
Frage
Irgendwie verstehe ich dein Problem nicht

Kris
04.01.2007 21:46:52  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
v!pe

Phoenix
Dann setz mal 3 Divs untereinander und eines rechts oder links daneben.
Ich hab kein richtiges Problem. Man muss dann nur Divs in Divs verpacken um zum Ergebnis zu kommen.
04.01.2007 22:11:55  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Ashtray

ashtray2
 
Zitat von v!pe

Dann setz mal 3 Divs untereinander und eines rechts oder links daneben.
Ich hab kein richtiges Problem. Man muss dann nur Divs in Divs verpacken um zum Ergebnis zu kommen.




jaja, das kenn ich traurig
04.01.2007 22:25:27  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
OliOli

AUP Oli 21.12.2018
 
Zitat von [Dicope]

 
Zitat von v!pe

Ich finds immer recht umständlich 2 Divs nebeneinander zu positionieren. Der eine 300 Pixel breit, der andere den Rest des Viewports.

float?


naja außerdem finde ich diese ganze float geschichte überhaupt blöd.

ich komm damit inzwischen gut genug klar, aber warum so ein Aufwand, nur um Blöcke nebeneinander zu positionieren? Und dann spielt der IE 6 auch noch zum Teil nicht mit und und und.

Alles scheiße. Naja nicht alles, aber manches.
05.01.2007 17:39:40  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
-=IuM|Voodoo=-

-=IuM|Voodoo=-
 
Zitat von OliOli

ist übrigens das einzige wirkliche defizit was mir bei css bekannt ist.

kennt ihr noch mehr?


Die (unterschiedlichen) Browser-Implementierungen vielleicht? mit den Augen rollend
07.01.2007 15:33:52  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
OliOli

AUP Oli 21.12.2018
 
Zitat von -=IuM|Voodoo=-

 
Zitat von OliOli

ist übrigens das einzige wirkliche defizit was mir bei css bekannt ist.

kennt ihr noch mehr?


Die (unterschiedlichen) Browser-Implementierungen vielleicht? mit den Augen rollend


was allerdings eher die schuld der browser hersteller ist.

außerdem hab ichs inzwischen soweit erforscht dass ich es größtenteils vermeiden kann, ist also etwas, was sich umgehen bzw. lernen lässt.

/e: übrigens kommt firefox 3 bald, der den acid test bestehen soll. Und der IE7 spackt ja wenigstens schonmal nicht so sehr rum wie sein vorgänger.
[Dieser Beitrag wurde 1 mal editiert; zum letzten Mal von OliOli am 07.01.2007 16:22]
07.01.2007 16:21:08  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Gunslinger

Gunslinger
jau wenn man die tücken kennt, gehts eigentlich.

Das mit den Problemen mit den Spaltenhöhen ist allerdings tatsächlich etwas unbefriedigend. min-height versteht der IE ja auch nicht so gerne, da muss man dann immer so unschöne Hacks benutzen. Für völlig gleich hohe Spalten mit Overflow hilft das aber natürlich auch nix.
Die enfachste Lösung ist halt, das Design von vorneherein nicht darauf auszulegen.
07.01.2007 16:25:42  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Tschetsch

Phoenix
1. mit den Augen rollend OMG, Gunslinger!

2. Wie will man 2 Spallten haben können, bei welchem der linke 100px ist und der rechte der Rest des Views deckt (aber nicht überlappt)? Das * funktioniert im CSS ja nicht.

Hmm. Ich frage mich jetzt gerade, inwiefern es möglich sein würde 2 separate Spallten zu haben, welche sich aber gleichlang in die Länge ziehen, sobald der Content länger wird im einten. Mit JS ist es bestimmt möglich. Mit css?
07.01.2007 16:57:24  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Gunslinger

Gunslinger
OMG Tschetsch.
Das ist ja gerade das Master-Problem bei CSS.
07.01.2007 17:34:54  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Tschetsch

Phoenix
mit den Augen rollend ein native mapper! Wie gehts?

Mata halt... argh, drecks css.. traurig
07.01.2007 18:06:40  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Meister Zopf

meister_zopf
Vielleicht kannst du hier was abgucken: http://www.yaml.de/index.html
Die prahlen jedenfalls mit browserübergreifenden CSS-Mehrspaltenlayouts.
07.01.2007 20:18:32  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
OliOli

AUP Oli 21.12.2018
 
Zitat von Meister Zopf

Vielleicht kannst du hier was abgucken: http://www.yaml.de/index.html
Die prahlen jedenfalls mit browserübergreifenden CSS-Mehrspaltenlayouts.


was es alles gibt Breites Grinsen
08.01.2007 1:08:05  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
dino the pizzaman

dino the pizzaman
ist das nicht die typische Sache die man via nem Hintergrund lösen kann? d.h. einfach die divs vorgaukelt indem man nen extra HIntergrund dafür macht? Jetzt einfach so mal kurz vom Thread überfliegen her.
08.01.2007 12:17:20  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
TheRealPlextor

therealplextor
Das Problem 2 Divs in ihrer Länge nicht vorzudefinieren, aber sie immer gleich lang zu haben kann ich auch nicht per CSS lösen. Allerdings frage ich mich immer wieder, warum man das denn überhaupt will... abgesehen von den standardisierten 3-Spalten-und-rechts-oben-ein-Poll-Designs.
08.01.2007 14:32:32  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
sackgesicht

sackgesicht
 
Zitat von OliOli

 
Zitat von [Dicope]

Zur Klarstellung:

Es soll so aussehen, wie es jetzt im Firefox aussieht - nur halt mit Divs.


du hast schon recht, man kann einem div container nicht die höhe 100% geben. Oder sagen wir, min-height:100%;. Ich glaub daran hab ich mir auch schonmal die Zähne ausgebissen. Mit javascribt die verfügbare fenstergröße auslesen und mit min-height bzw. beim IE height dann die Größe festlegen. Anders hab ichs nicht hinbekommen.



Wieso nicht? Diese 100% beziehen sich eben immer auf das Elternelement. Wenn du ein div im body hast musst du eben dem div, dem body und auch html diese 100% geben. Der Internet Explorer kennt min-height nicht, interpretiert aber height als solches. Setze dein div auf min-height für Firefox und alle anderen fähigen Browser, für den IE brauchst du eben noch Additional Comments oder den * Selector.
08.01.2007 17:45:29  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
ezee

ezee
 
Zitat von Tschetsch

1. mit den Augen rollend OMG, Gunslinger!

2. Wie will man 2 Spallten haben können, bei welchem der linke 100px ist und der rechte der Rest des Views deckt (aber nicht überlappt)? Das * funktioniert im CSS ja nicht.

Hmm. Ich frage mich jetzt gerade, inwiefern es möglich sein würde 2 separate Spallten zu haben, welche sich aber gleichlang in die Länge ziehen, sobald der Content länger wird im einten. Mit JS ist es bestimmt möglich. Mit css?



Eigentlich sollte das doch so möglich sein:

 
Code:
<style type="text/css">
div#links {
   position: absolute;
   top: 0;
   left: 0;
   width: 100px;
}

div#rechts {
   position: absolute;
   top: 0;
   left: 100px;
   right: 0;
}
</style>

<div id="links">Foo</div>
<div id="rechts">Bar</div>
[Dieser Beitrag wurde 1 mal editiert; zum letzten Mal von ezee am 09.01.2007 14:22]
09.01.2007 14:21:54  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
Tschetsch

Phoenix
mit den Augen rollend

Ja, so sind beide Divs gleich lange, aber nicht mehr, sobald der Content den Height breaked, was wieder das gleiche Problem verursacht
09.01.2007 16:21:46  Zum letzten Beitrag
[ zitieren ] [ pm ] [ diesen post melden ]
 Thema: CSS statt Tabelle ( Volle Höhe, du blöde Spalte! Volle Höhe in Deckung )
[1] 2 nächste »

mods.de - Forum » Webdesign & Coding » 

Hop to:  

Thread-Tags:
| tech | impressum