|
|||
CSS div problemchen
Hallo leute ich hab ein kleines problemchen hier ist der ausschnitt vom Code bei dem ein kleiner Fehler vorhanden ist.
Code:
<style type="text/css"> #content{ text-align:left; color: #909195; } .test{ height:55px; width:170px; border:1px solid #FFFFFF; font-size:0.8em; background:url('divbg.gif'); margin-left:5px; } #event{ background:#DFDFDF; } </style> <div id=content> <div id=event> <span style="font-size: medium; color: #805e3f;margin-left:5px;clear:float;"><strong><span style="font-size: x-large;">01</span>. Projekte</strong></span> <div class=test style=float:left;margin-top:10px;><img src="uploads/pictures/thumbs/_20080620_1026_ss.jpg" height=54 style=float:left>CSS Grundlagen<br><br>-> mehr lesen...</div> <div class=test style=float:left;margin-top:10px;><img src="uploads/pictures/thumbs/_20080611_1523_moooves08.jpg" height=54 style=float:left>Thunderbird: Lightning<br><br>-> mehr lesen...</div> <div class=test style=float:left;margin-top:10px;><img src="uploads/pictures/thumbs/_20080620_1015_unbenannt.bmp" height=54 style=float:left>PHP Grundlagen<br><br>-> mehr lesen...</div> <div class=test style=float:left;margin-top:10px;><img src="uploads/pictures/thumbs/_20080620_1029_zzz.jpg" height=54 style=float:left>AutoIT Grundlagen<br><br>-> mehr lesen...</div> <div class=test style=float:left;margin-top:10px;><img src="uploads/pictures/thumbs/_20080620_1031_sss.jpg" height=54 style=float:left>HTML Grundlage<br><br>-> mehr lesen...</div> <div style=clear:left></div> <span style="font-size: medium; color: #805e3f;margin-left:5px;clear:float;"><strong><span style="font-size: x-large;">06</span>. Tutorials</strong></span> <div class=test style=float:left;margin-top:10px;><img src="uploads/pictures/thumbs/_20080611_1605_thunderbird.gif" height=54 style=float:left>Apache: mod_rewrite<br><br>-> mehr lesen...</div> <div style=clear:left></div><p> </div> </div> und zwar wenn man die Datei öffnet fehlt oben 01.Projekte wenn man es markiert dann erscheint es kurz aber ist dann wieder weg. wenn man das ganze im FF öffnet gibt es keine probleme und er zeigt es an. Wenn ich die BG-Color weglasse zeigt er es mir auch an... also irgendwo muss da was falsch sein aber sitzt nun schon seit 2 stunden hier und komm nicht weiter vielleicht könnte mir ja jemand mal schnell unter die arme greifen. vielen dank für eure bemühungen.
__________________
aspn |
Sponsored Links |
|
|||
-> mehr lesen...
!!! -> Manometer, Spitze Klammern müssen maskiert werden! Zudem solltest du es unbedingt sein lassen Attribute ohne " zu schreiben. Dadurch können Fehler auftreten und es ist ein grottenschlechter Stil. Ein zumindest valides XHTML wäre (ausgenommen von alt): Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <style type="text/css"> #content{ text-align:left; color: #909195; } .test{ height:55px; width:170px; border:1px solid #FFFFFF; font-size:0.8em; background:url('divbg.gif'); margin-left:5px; } #event{ background:#DFDFDF; } </style> </head> <body> <div id="content"> <div id="event"> <span style="font-size: medium; color: #805e3f;margin-left:5px;clear:float;"><strong><span style="font-size: x-large;">01</span>. Projekte</strong></span> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080620_1026_ss.jpg" height="54" style="float:left" />CSS Grundlagen<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080611_1523_moooves08.jpg" height="54" style="float:left" />Thunderbird: Lightning<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080620_1015_unbenannt.bmp" height="54" style="float:left" />PHP Grundlagen<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080620_1029_zzz.jpg" height="54" style="float:left" />AutoIT Grundlagen<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080620_1031_sss.jpg" height="54" style="float:left" />HTML Grundlage<br /><br />-> mehr lesen...</div> <div style="clear:left"></div> <span style="font-size: medium; color: #805e3f;margin-left:5px;clear:float;"><strong><span style="font-size: x-large;">06</span>. Tutorials</strong></span> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080611_1605_thunderbird.gif" height="54" style="float:left" />Apache: mod_rewrite<br /><br />-> mehr lesen...</div> <div style="clear:left"></div> </div> </div> </body> </html> Geändert von nikic (20.06.2008 um 13:42 Uhr) |
|
|||
ok erstmal danke für eure beiträge
das clear:float war noch von zuerst drin weil ich nicht wusste wie der befehl genau heist hab ich jetzt weggenommen da er da oben eh unwichtig war. Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <style type="text/css"> #content{ text-align:left; color: #909195; } .test{ height:55px; width:170px; border:1px solid #FFFFFF; font-size:0.8em; background:url('divbg.gif'); margin-left:5px; } #event{ background:#DFDFDF; } </style> </head> <body> <div id="content"> <div id="event"> <span style="font-size: medium; color: #805e3f;margin-left:5px;"><strong><span style="font-size: x-large;">01</span>. Projekte</strong></span> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080620_1026_ss.jpg" height="54" style="float:left" />CSS Grundlagen<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080611_1523_moooves08.jpg" height="54" style="float:left" />Thunderbird: Lightning<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080620_1015_unbenannt.bmp" height="54" style="float:left" />PHP Grundlagen<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080620_1029_zzz.jpg" height="54" style="float:left" />AutoIT Grundlagen<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080620_1031_sss.jpg" height="54" style="float:left" />HTML Grundlage<br /><br />-> mehr lesen...</div> <div style="clear:left"></div> <span style="font-size: medium; color: #805e3f;margin-left:5px;"><strong><span style="font-size: x-large;">06</span>. Tutorials</strong></span> <div class="test" style="float:left;margin-top:10px;"><img src="uploads/pictures/thumbs/_20080611_1605_thunderbird.gif" height="54" style="float:left" />Apache: mod_rewrite<br /><br />-> mehr lesen...</div> <div style="clear:left"></div> </div> </div> </body> </html> das komische ist ja das wenn ich die BG color rausnehme zeigt es mir den text normal an.... vielen dank
__________________
aspn Geändert von aspn (20.06.2008 um 14:13 Uhr) |
|
|||
hab das ganze jetzt gemacht aber es klappt nicht im IE6
wenn ich die BG-color rausnehem zeigt er es mir an... sonst habt er probleme mit der ersten überschrift Code:
<style type="text/css"> #content{ color: #909195; background-color:#DFDFDF; } .test{ height:55px; width:170px; border:1px solid #FFFFFF; font-size:0.8em; margin-left:5px; } </style> <div id="content"> <span style=display:block;>Projekte</span> <div class="test" style="float:left;margin-top:10px;">CSS Grundlagen<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;">Thunderbird: Lightning<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;">PHP Grundlagen<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;">AutoIT Grundlagen<br /><br />-> mehr lesen...</div> <div class="test" style="float:left;margin-top:10px;">HTML Grundlage<br /><br />-> mehr lesen...</div> <span style=clear:left;display:block;>Tutorials</span> <div class="test" style="float:left;margin-top:10px;">Apache: mod_rewrite<br /><br />-> mehr lesen...</div> <div style="clear:left"><p></div> </div> randnotiz: ja es handelt sich nur um einen test desshalb auch keine "" wäre trotzdem nett wenn mir jemand helfen könnte. im FF und IE7 klappts aber das hats davor ja auch schon...
__________________
aspn |
|
|||
Randrandnotiz: Diese Einstellung ist grober Unfug. Gerade auch zu Tests gehört valider Code und der Doctype.
|
|
|||
ich hab die datei mit "" und Doctype auf meinem PC aber es funktioniert trotzdem nicht ich poste nur nicht den ganzen code html,title,body etc. damit der code im forum nicht zulang wird.
__________________
aspn |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
div mit css über andere elemente platzieren | ping | CSS | 6 | 20.08.2009 14:54 |
css Frage: Elemente im div verschieben | hallo2008 | CSS | 2 | 05.08.2009 20:49 |
Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 23:48 |
Tabelle durch div und css ersetzen (ohne div-suppe)? | tomstu | CSS | 13 | 06.12.2007 20:07 |
Div + css in jedem Browser anders | Skittles | CSS | 5 | 29.06.2004 23:59 |