zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Floating 3 Container (mitte soll mitwachsen und links und rechts sich verkleinern)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.03.2015, 12:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.05.2010
Beiträge: 6
jogibaer befindet sich auf einem aufstrebenden Ast
Standard Floating 3 Container (mitte soll mitwachsen und links und rechts sich verkleinern)

Hallo zusammen,

ich habe ein Problem mit dem wachsen der Container.

und zwar:

Ich benutze drei container die alle gefloatet werden (float: left) im linken und rechten Container ist ein Border-solid eingebunden und in der mitte soll text integriert werden.

Falls der Text in der mitte größer wird soll der linke und der rechte Container verkleinert werden (also der Strich sollte kleiner werden) aber leider klappt das nicht.


Hier mal der div container aus dem HTML Code:

<div class="teaser_ueberschrift">

<div class="teaser_ueberschrift_links">

</div>

<div class="teaser_ueberschrift_mitte">
Veranstaltung Veranstaltung
</div>

<div class="teaser_ueberschrift_rechts">

</div>
</div>

und hier das CSS dazu:

.teaser_ueberschrift{
position: relative;
width:1000px;
padding-top:100px;
padding-bottom:100px;
margin-left:140px;
background-color:#cc0000;
margin-bottom: 40px;
clear:both;

}

.teaser_ueberschrift_links{
position: relative;
background-color:#cc0000;
border-bottom: 4px solid #e59f00;
float:left;

}

.teaser_ueberschrift_rechts{
position: relative;
background-color:#cccc00;
border-bottom: 4px solid #e59f00;
float:left;

}

.teaser_ueberschrift_mitte{
position: relative;
background-color:#ccff00;
padding-top:5px;
margin: 0px 10px 0px 10px;
width:auto;
color: #2f343a;
font-size:16px;
font-weight:bold;
float:left;

}


Habt ihr vielleicht eine Idee?

Gruß
Jogi

Geändert von jogibaer (03.03.2015 um 12:36 Uhr) Grund: Text Ergänzung
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.03.2015, 12:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.103
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo,

Zitat:
Falls der Text in der mitte größer wird soll der linke und der rechte Container verkleinert werden (also der Strich sollte kleiner werden) aber leider klappt das nicht.
Das ist in HTML / CSS auch nicht vorgesehen, deshalb wird es dafür keine Lösung geben.

Container können nur auf den eigenen Inhalt reagieren, nicht auf den Inhalt nebenstehender Container.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.03.2015, 12:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.05.2010
Beiträge: 6
jogibaer befindet sich auf einem aufstrebenden Ast
Standard

Hast du eine Idee wie man das realisieren könnte?

ich bin echt am verzweifeln, es muß doch eine Lösung geben.
Mit Zitat antworten
  #4 (permalink)  
Alt 03.03.2015, 14:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.05.2010
Beiträge: 6
jogibaer befindet sich auf einem aufstrebenden Ast
Standard

Hallo MrMurphy,

erstmal vielen Dank für deine Antwort. Habe das Problem selbst gelöst.

ich habe einfach zwei absolute Container mit der gleichen Positionierung gesetzt und dann mit z-index die Inhalte überlappt.

Trotzdem vielen Dank für die schnelle Antwort.

Gruß Jogibaer
Mit Zitat antworten
Antwort

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
3 spaltiges Layout: links rechts ausfließend, mitte fest designxx CSS 12 27.02.2009 13:48
Holy Grail und der Internet Explorer! ONeill CSS 23 01.06.2006 18:20
Tabelle richtet sich links und rechts im COntainer aus... 18inch CSS 7 10.04.2005 10:55
text links und bild rechts in einem container / p / span ? Holger (HMR) CSS 4 20.02.2005 13:23
Elemente in einem Div Container links & rechts ausrichte oliwa CSS 8 16.07.2004 14:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:36 Uhr.