|
|
|
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
|
|
|
|
|
|
|
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?
Dann kann ich leider auch nicht helfen...
|
[Dieser Beitrag wurde 1 mal editiert; zum letzten Mal von Cays am 04.01.2007 14:24]
|
|
|
|
|
|
Zur Klarstellung:
Es soll so aussehen, wie es jetzt im Firefox aussieht - nur halt mit Divs.
|
|
|
|
|
|
|
|
|
|
|
| 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.
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
Hmmm. Das kommt trotzdem nicht so hin. Ich mach das jetzt mit Tabellen - Leute wie Plex können mich mal.
|
|
|
|
|
|
zufall?
|
|
|
|
|
|
|
|
| Zitat von [Dicope]
Hmmm. Das kommt trotzdem nicht so hin. Ich mach das jetzt mit Tabellen - Leute wie Plex können mich mal.
| |
Das hab ich gesehen
|
|
|
|
|
|
|
ist übrigens das einzige wirkliche defizit was mir bei css bekannt ist.
kennt ihr noch mehr?
|
|
|
|
|
|
|
Ich finds immer recht umständlich 2 Divs nebeneinander zu positionieren. Der eine 300 Pixel breit, der andere den Rest des Viewports.
|
|
|
|
|
|
|
| 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?
|
|
|
|
|
|
|
Ohne ein margin-left oder -right geht das eine Div dann aber immer über 100% Breite.
|
|
|
|
|
|
|
Irgendwie verstehe ich dein Problem nicht
Kris
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
| 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
|
|
|
|
|
|
|
| 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.
|
|
|
|
|
|
|
| Zitat von OliOli
ist übrigens das einzige wirkliche defizit was mir bei css bekannt ist.
kennt ihr noch mehr?
| | Die (unterschiedlichen) Browser-Implementierungen vielleicht?
|
|
|
|
|
|
|
| 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?
| | 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]
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
1. 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?
|
|
|
|
|
|
|
OMG Tschetsch.
Das ist ja gerade das Master-Problem bei CSS.
|
|
|
|
|
|
|
ein native mapper! Wie gehts?
argh, drecks css..
|
|
|
|
|
|
|
|
|
|
|
was es alles gibt
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
| 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.
|
|
|
|
|
|
|
| Zitat von Tschetsch
1. 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]
|
|
|
|
|
|
Ja, so sind beide Divs gleich lange, aber nicht mehr, sobald der Content den Height breaked, was wieder das gleiche Problem verursacht
|
|
|
|
|
|
Thema: CSS statt Tabelle ( Volle Höhe, du blöde Spalte! Volle Höhe in Deckung ) |