php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 21.12.2005, 16:27  
Gast
 
Beiträge: n/a
Standard Im DIV ein DIV mit float

Hallo!
Ich habe ein Rahmen-DIV, mit farbiger border und Hintergrundfarbe. Darin möchte ich einen Text links dargestellt haben, und einen rechts. Kein Problem, linkem DIV float: left zugewiesen, rechtem DIV text-align: right, alles klar. Nur: Wenn ich jetzt den rechten DIV von Text und Bildern reinige, ist der linke float-DIV noch da, jedoch nicht mehr vom Rahmen-DIV umschlossen (ragt über die border hinaus)! Kennt ihr ja sicherlich...
Wie verhinder ich das?
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 21.12.2005, 17:03  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 9.937
Zergling-new wird schon bald berühmt werden
Standard

Ist das float: left und text-align: right Absicht?
Zeig doch mal den Quelltext.
Zergling-new ist offline   Mit Zitat antworten
Alt 21.12.2005, 17:16  
Gast
 
Beiträge: n/a
Standard

Code:
            <div id="footer_links">
                <form action="/login/" method="post">
		    <label for="nickname">
		        Nickname: <input type="text" size="15" class="input_footer" name="nickname" id="nickname" />
		    </label>
		    <label for="passwort">
		        Passwort: <input type="password" size="15" class="input_footer" name="passwort" id="passwort" />
		    </label>
		    <input type="submit" value="Einloggen" class="input_footer" name="submit" />
		</form>
            </div>
            <div id="footer_rechts">
                <a href="http://validator.w3.org/check?uri=referer" title="Diese Seite ist XHTML-1.0-valide">
                    [img]/bilder/xhtml.gif[/img]
                </a>
                <a href="http://getfirefox.com" title="Diese Seite ist optimal mit dem Mozilla Firefox zu betrachten">
                    [img]/bilder/firefox.png[/img]
                </a>
            </div>
Die CSS-Styles:

Code:
#footer
{
    margin: auto;
    /* Das Padding von der Gesambreite abziehen */
    width: 846px;
    background-color: #C7CBB2;
    border-width: 1px;
    border-top-width: 0;
    border-color: black;
    border-style: solid;
    padding: 2px;
    font-family: Verdana, Arial, Times New Roman;
    font-size: 12px;
}

#footer_links
{
    float: left;
}

#footer_rechts
{
    text-align: right;
}
Mittlerweile was ungalant gelöst, über andere Möglichkeiten würde ich mich freuen.
  Mit Zitat antworten
Alt 21.12.2005, 17:42  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 9.937
Zergling-new wird schon bald berühmt werden
Standard

Code:
// HTML
<div class="containerLeft">Login</div>
<div class="containerRight">Banner</div>

// CSS
div.containerLeft {
  float: left;
  display: inline;
}
div.containerRight {
  float: right;
  text-align: right;
  display: inline;
}
Geht das?
Zergling-new ist offline   Mit Zitat antworten
Alt 21.12.2005, 17:53  
Gast
 
Beiträge: n/a
Standard

Naja, da ist das Rahmen-DIV bei beiden verschwunden

Hier mal ein Bildschirmschuss:
  Mit Zitat antworten
Alt 21.12.2005, 17:57  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 9.937
Zergling-new wird schon bald berühmt werden
Standard

Ich versteh das mit dem Rahmen nicht...

Mach halt um alles einen Container-DIV, dem du eben einen bestimmten CSS-Style zuweist:
Code:
// HTML
<div class="containerContainer"></div>

// CSS
div.containerContainer { /* ich weiß blöder Name */
  border: 1px solid black;
  padding: 2px;
  width: 100%;
}
/* Schriftart sollte am besten globaler definiert werden, also */
body, div, td {
  font-family: Verdana, Arial, Times New Roman;
  font-size: 11px;
}
Oder verstehe ich das Problem nicht
Zergling-new ist offline   Mit Zitat antworten
Alt 21.12.2005, 18:03  
Gast
 
Beiträge: n/a
Standard

Das ist ja das Rahmen-DIV! Sorry, hatte ich vergessen mit in den Code einzufügen. Und dieses ist der kleine braune Klecks oben im Bild hinter dem Form und so.
  Mit Zitat antworten
Alt 21.12.2005, 18:14  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 9.937
Zergling-new wird schon bald berühmt werden
Standard

Also gehts jetzt?! *verwirrt*
Zergling-new ist offline   Mit Zitat antworten
Alt 21.12.2005, 18:28  
Gast
 
Beiträge: n/a
Standard

Nein, wollte nur sagen, dass so ein Container-DIV vorhanden ist!
  Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bereich um einen float left und float right Bereich andrew22 HTML, Usability und Barrierefreiheit 8 27.02.2007 18:27
float right von ie nicht übernommen möchtegernchegga HTML, Usability und Barrierefreiheit 3 16.08.2006 16:01
Float für Fortgeschrittene axelnes HTML, Usability und Barrierefreiheit 5 12.04.2006 10:29
Float bei zwei DIVs HTML, Usability und Barrierefreiheit 14 29.01.2006 10:54
[Erledigt] FLOAT Problem Datenbanken 2 17.06.2005 23:12
float Probleme HTML, Usability und Barrierefreiheit 8 01.05.2005 18:28
[Erledigt] arges float Problem HTML, Usability und Barrierefreiheit 9 30.04.2005 14:31
CSS: 2 Spalten á 50% ohne float HTML, Usability und Barrierefreiheit 2 31.03.2005 14:37
float: right; hängt unten raus HTML, Usability und Barrierefreiheit 6 31.03.2005 14:17
$_GET['var1'] prüfen ob Float PHP Tipps 2005 4 17.02.2005 17:57
float oder string? PHP Tipps 2005 2 28.01.2005 17:38
Float mit bestimmter Länge ausgeben PHP Tipps 2005 2 08.01.2005 19:41
CSS: Probleme mit float:!! 18inch HTML, Usability und Barrierefreiheit 1 30.12.2004 13:55
float in Mozilla tikal HTML, Usability und Barrierefreiheit 2 15.12.2004 15:37
Probleme mit float und IE zwelch HTML, Usability und Barrierefreiheit 4 23.08.2004 09:35

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
div float, float div in div, http://www.php.de/html-usability-und-barrierefreiheit/35065-im-div-ein-div-mit-float.html, div float align right, float left align left, bild im div mit float, div farbiger rahmen rechts, php text-align right float left, float html deutsch, float div rahmen, div in div mit float, optimal text links rechts css left right float, div im div float, div float innerhalb eines div, html css border vom width abziehen, beim float :right inhalt div geht raus, gefloatete divs rahmen, html text links bild rechts, bilder floatenden divs, bild geht über div hinaus

Alle Zeitangaben in WEZ +2. Es ist jetzt 02:12 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.