zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit H

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.09.2014, 12:34
Benutzerbild von mimii
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.08.2005
Beiträge: 181
mimii befindet sich auf einem aufstrebenden Ast
Standard Problem mit H

Hallo ins Forum,

folgendes Problem:



Die Überschriften variieren in der Textlänge und brechen natürlich beim verkleinern der Seite, entsprechend der Spaltenbreite, um. Dadurch verschiebt sich alles. Es soll jedoch der Border unter der Überschrift immer auf gleicher Höhe stehen und der Fließtext drunter soll auf gleicher Höhe anfangen.

Hier mal das HTML
HTML-Code:
<div class="row twoCols">
    <div class="col span_6">
        <div class="headers">
            <h2>Hier eine Überschrift mit viel Text</h2>
            <h3>Hier eine Unterüberschrift mit viel Text</h3>
        </div>
        <p>Hier der Fließtext </p>
    </div>
    <div class="col span_6">
        <div class="headers">
            <h2>Kurze Überschrift</h2>
            <h3>Kurze Unterüberschrift</h3>
        </div>
        <p>Hier der Fließtext </p>
    </div>
</div>
Danke für Eure Hilfe und Gruß
mimii
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.09.2014, 13:10
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Du wirst nicht verhindern können, dass überlange Überschriften umbrechen und dadurch mehr Platz verbrauchen. Du kannst lediglich eine min-height vergeben, dadurch verbrauchen deine Überschriften dann immer mindestens zB 2 Zeilen in der Höhe. Falls eine Überschrift dann einmal 3 Zeilen braucht wird es wieder ungleich werden.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.09.2014, 11:28
Benutzerbild von mimii
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.08.2005
Beiträge: 181
mimii befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

danke für den Tipp. Mit min-height: 2em könnte ich leben, da kleinere Schriften und anderer Spaltenumbruch einen dreizeiligen Text höchstwahrscheinlich verhindern werden.

Problem dabei ist jedoch, dass der border-bottom nun immer unter der erzwungenen 2. Zeile sitzt. Der Text müsste auch bei einer einzeiligen Überschrift unten sitzen.

Geht das irgendwie?



Danke für n Tipp und Gruß
mimii
Mit Zitat antworten
  #4 (permalink)  
Alt 29.09.2014, 11:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

So in etwa?
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
Problem mit margin-left Shyne CSS 7 03.03.2008 19:02
Font der Überschrift ändern (Problem) artist CSS 2 07.12.2007 11:01
Design zu CSS/HTML verarbeiten - Problem häufen sich. Grafikamateur CSS 2 06.08.2007 10:57
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 18:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 07:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:43 Uhr.