10.06.2009, 11:29
|
|||
|
|||
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 
|
| Sponsored Links |
|
10.06.2009, 11:37
|
||||
|
||||
|
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
|
| Sponsored Links |
|
10.06.2009, 14:31
|
|||
|
|||
|
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.
|
|
15.06.2009, 08:55
|
|||
|
|||
|
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;}
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)
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ä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 |
Linear-Darstellung
