zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Float Problem bei Überschrift

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.06.2009, 11:29
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2008
Beiträge: 83
accessoire befindet sich auf einem aufstrebenden Ast
Standard Float Problem bei Überschrift

Ich habe gerade folgendes Problem:

Ich habe ein Bild eingefügt, das auf float:left gestellt ist. Danach kommen dann eine Überschrift und ein Text. Der Text fließt schön am Bild vorbei, aber die Überschrift wird nicht gefloatet, d. h. wird erst nach dem Bild platziert.

Ist das nicht möglich?

Der Aufbau schaut konkret etwa so aus:

<img style="float:left" />
<h1>überschrift</h1>
text
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.06.2009, 11:37
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

ist genug Platz im Container, das die Sachen nebeneinander stehen können?

Vielleicht Überschrift und Text in ein div packen und Bild und div beide floaten lassen.

So ohne Link kann man nur rumraten.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.06.2009, 14:31
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2008
Beiträge: 83
accessoire befindet sich auf einem aufstrebenden Ast
Standard

Ich hab das Problem mittlerweile schon in den Griff bekommen. Lag nicht an zu wenig Platz. Irgendeine Eigenschaft war der Störfaktor im h-Tag. Padding war es glaube ich.
Mit Zitat antworten
  #4 (permalink)  
Alt 15.06.2009, 08:55
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2008
Beiträge: 83
accessoire befindet sich auf einem aufstrebenden Ast
Standard

Ich melde mich nochmal. Leider besteht das Problem doch noch. Ich poste mal eben den Link zur Seite + den Code.

Code:
@charset "UTF-8";
/* CSS Document */

* {padding:0; margin:0;}
html, body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.82em;}
body {background:url(../grafiken/fake.gif) repeat-y 50% 0%;}
a {text-decoration:none; color:#0896cd;}
a:hover {text-decoration:none; color:#172983; font-weight:bold;}
#center {margin:0 auto; width:797px;}
h1 {font-weight:bold; font-size:1em; color:#009ee0; background:url(../grafiken/icon-h1.gif) no-repeat 2px 0px; padding-left:45px; padding-right:15px; padding-top:1px; padding-bottom:2px; background-color:#b8e9fa; margin-top:10px; margin-bottom:0px; width:230px;}
h2 {font-weight:bold; font-size:1em; color:#009ee0; background:url(../grafiken/icon-h1.gif) no-repeat 2px 0px; padding-left:45px; padding-right:15px; padding-top:1px; padding-bottom:2px; background-color:#b8e9fa; margin-left:180px; margin-top:10px; margin-bottom:0px; width:230px;}
#clear {clear:both;}

#header {background:url(../grafiken/header.jpg); width:797px; height:115px;}
#content {padding:40px 0 40px 20px; width:800px; clear:both;}

#center #content #menu2 li a {margin-left:24px;}
#center #content #menu2 li {background:url(../grafiken/icon-mainmenu.gif) no-repeat 0px 2px; list-style-type:none;}

#menu {margin-left:208px; padding-right:15px;}
#center #menu li {background:url(../grafiken/icon-mainmenu.gif) no-repeat 0px 2px; list-style-type:none; float:left; margin-left:14px;}
#center #menu li a {margin-left:24px;}

#menu2 {float:left; width:202px;}
#content2 {float:left; width:515px; background:#f1fbff; padding:25px 15px 25px 15px;}
#content2 ul {margin-left:15px;}
#content2 ol {margin-left:20px;}

td {padding:2px 15px 2px 5px; border:solid 1px #0066CC; border-collapse:collapse;}
table {border:solid 1px #0066CC; border-collapse:collapse;}
th {text-align:left; padding:2px 15px 2px 5px; border:solid 1px #0066CC; border-collapse:collapse;}

.searchtextfield {border:none; width:100px; float:right; height:15px; }
.searchtextbutton {float:right; border:none; width:59px; height:15px;}
.searchform {background:#9cd0ea; width:185px; font-size:10px; padding:3px 4px 3px 4px; margin-top:20px;}

.leftcontentimage {float:left; width:150px; margin-right:15px;}
.textlinks {margin-left:240px;}
Erst kommt ein Div-tag mit Bildtag (beide haben die Klasse leftcontentimage fürs Floaten zugewiesen) und danach die Überschrift h1 und normaler Text.

Wieso floatet das so seltsam? Ich komme einfach nicht dahinter.
Hatte es zuerst gefaket aber das ist wirklich suboptimal auch für die Bedienbarkeit :s.

Mittelstandsunion Erlangen-Hchstadt :: bersicht

/edit

Ich hab beim h1-Tag width rausgeschmissen und durch max-width ersetzt. Jetzt fließt es wenigstens schonmal ums Bild rum. Allerdings fängt der h1-Container schon beim Bild an. Ich habs mal veranschaulicht indem ich den h1-Tag per z-index nach oben geholt hab.

Geändert von accessoire (15.06.2009 um 11:27 Uhr)
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
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 15:22
Testcase: float, overflow: hidden; und alte Geckos... heiko_rs CSS 0 19.11.2007 21:26
float: right; Problem... hugo CSS 2 26.03.2007 09:59
float Problem mit img und h3 Vogelgrippe CSS 2 18.01.2007 18:04
Problem mit Float: wird falsch positioniert pospiech CSS 0 10.03.2004 18:01


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