zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden wie je ein Span oben und unten in einem div variabler Höhe ausrichten?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.07.2013, 12:24
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.12.2010
Beiträge: 38
ZENeca befindet sich auf einem aufstrebenden Ast
Standard wie je ein Span oben und unten in einem div variabler Höhe ausrichten?

Hallo Leute,

also, ich habe vor in einem div-container ohne bestimmte höhe oben und unten links
ein Objekt zu plazieren und mir will es irgend wie nicht gelingen

Ich habe jetzt einiges ausprobiert, DIVs verschieden verschachtelt, andere Elemente nutzen,
andere CSS-eigenschaften und nach meinem Verständnis dürfte der folgende Ansatz nicht ganz falsch sein

jsFiddle

Im Prinzip ist mir die Lösung fast egal, nur der rechte Block sollte eine Tabelle bleiben
und ich weiß auch, daß das äußerste div eigentlich nicht nötig ist,
verstehe aber dennoch nicht warum es sich nicht um das untergeordnete div legt.

als reine Tabellenlösung habe ich es hinbekommen,
bin mir aber noch nicht so sicher, ob mir das wirklich weiter hilft,
da ich die „rechte Seite“ (ursprüngliche Tabelle) ein und ausblenden können will
Und besonders elegant ist es auch nicht, da die linke Seite mit den SPANs
eigentlich mit der Rechtenseite (Tabelle) logisch nicht viel zu tun hat,
außer daß sie nebeneinander angeordnet sind

jsFiddle

Danke und einen lieben Gruß
Zen
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.07.2013, 12:59
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.136
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Code ergänzen
Code:
        #left  {
		display: table-cell;
		float: left;
		border: 2px solid green;
		position: relative;
	}
	#hallo  {
		border: 1px solid red;
		position: absolute;
		top: 0;
	}
	#nase  {
		border: 1px solid pink;
		position: absolute;
		bottom: 0;
	}
Zitat:
verstehe aber dennoch nicht warum es sich nicht um das untergeordnete div legt.
weil die innenliegenden floats nicht gecleart werden (also entweder #cover floaten, oder innen clearen).
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.07.2013, 02:59
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.12.2010
Beiträge: 38
ZENeca befindet sich auf einem aufstrebenden Ast
Standard

Hi Manfred,

vorab erst mal heißen Dank ob deiner Antwort,
aber eigentlich sollten die beiden spans außerhalb der Tabelle stehen
habe es gerade mal mit einem recht uneleganten zusatz im

#right {
.......
padding-left:40px;
}

gelöst, das geht sicher besser

ich hatte es zwischenzeitlich auch mal mit absolute bottom 0
probiert, mir war aber nicht klar, daß man dazu das übergeordnete Element
mit position:relative belegen muß, dachte bei verwendung von "absolute"
wird immer das übergeordnete Element herangezogen.
warum sollte man sonst etwas verschachteln, wenn man es
am Schluß eh absolut positioniert?
besten Dank für den kleinen Aha-Effekt

Dank & Gruß
Zen
Mit Zitat antworten
Antwort

Stichwörter
ausrichten, div, inhlate

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Probleme DIV Höhe, Anordnung kran CSS 4 07.11.2010 10:23
Absoluter Div mit 100% Höhe wird am Vieport abgeschnitten tramper CSS 10 14.04.2009 23:03
div bereich nach anderen divs ausrichten pixel CSS 0 03.02.2007 23:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:50 Uhr.