Navigation
Einträge in dieser Kategorie
- Wie bekomme ich runde Ecken hin ?
- Kann man die schriftgröße in Abhängigkeit von der Schriftart setzen ?
- Wie bekomme ich bei einem zweispaltigen CSS-Design beide Spalten gleich lang ?
- Kann man ein Bild nur für diejenigen anzeigen lassen, die CSS aktiviert haben?
- Listenpunkte mit eigenem Aufzählungszeichen
- Wie kann ich ein Element die volle Höhe seines Elternelements einnehmen lassen? Absolute Positionierung würde ich lieber vermeiden.
- Per Zufall wechselnde Hintergrundgrafiken erzeugen
- Kann man ein zweispaltiges Design mit Header und Folter so wasserdicht machen , dass es per Email als Newsletter versendet werden kann? Mir wurde gesagt die Emailclients würden besser mit Tabellen zurecht kommen.
- Ich kenne bereits die ganzen Grundlagen von CSS und hab auch schon ein wenig mit Boxenmodellen rumexperiementiert! Nun fehlt mir aber irgendwie der Anfang zu einem professionellen Design wie z.B. ein ZenGarden-Design! Wie fängt man da am besten an und arbeitet sich rein?
Tags
Sticky FAQs
Design
Wie bekomme ich bei einem zweispaltigen CSS-Design beide Spalten gleich lang ?
Aber die Optik ist machbar. Dazu braucht man einen weiteren, übergeordneten Container, der eine entsprechende Hintergrundfarbe/Muster als Hintergrundgrafik hat. Einen schmalen Streifen mit der gewünschten Hintergrundfarbe und in der gewünschten Breite als gif nehmen und mit
background: #fff url(farbe.gif) repeat-y left;sich links wiederholen lassen.
Dieser Streifen wird immer so lang wie der äußere Container und somit sieht es so aus, als ob auch der linke Container (z.B. mit dem Menü) immer mitwachsen würde mit dem Text in der rechten Spalte.
Ist aber nur eine optische Täuschung. ;-)
Ein guter Artikel hierzu ist Faux Columns bei A List Apart.
Wenn die inneren Container durch float positioniert sind, ist es aber wichtig, hinterher noch ein
clear:both;zu definieren, da ansonsten der äußere Container natürlich nicht mitwächst!
Tags: -
Verwandte Artikel:
- FOUC (Flash of Unstyled Content)
- IE: grauer Hintergrund bei pngs mit 8bit Transparenz
- a:focus im IE6
- Lücken in Listen im Internet-Explorer
- IE5 Mac hat ein Problem mit der Eigenschaft overflow.
Letzte Änderung des Artikels: 2004-08-19 22:07
Autor: Terry
Revision: 1.0
Kommentieren nicht möglich
Kommentar von Florian:
Hallo,
gibt es auch eine Möglichkeit, um dies bei einem absolut positioniertem Design zu realisieren?
Bei der Variante mit float habe ich leider keine Möglichkeit die Inhalte/Navigation in unterschiedlicher Reihenfolge im HTML festzulegen.
Gruss,
Florian
Added at: 2038-01-19 04:14
Kommentar von fEdEr:
du könntest eine feste höhe für die container festlegen... oder das über \"minheight\" lösen... \"minheight\" wird aber beim IE nicht (?) interpretiert, also is \"height\" doch besser...
Added at: 2038-01-19 04:14
Kommentar von startcss:
ja ist es. du machst wie oben beschrieben einen grosser container um alles und gibst dann bei dem der sich mit ausdehnen soll einfach position: aabsolute; und tbottom: 0px; an. dann geht der immer bis ganz nach unten.
startcss
Added at: 2007-05-15 09:35