|
|||
Richtig clearen/floaten
Hallo!
Ich habe ein kleines Problem. Ich weiß was ich falsch gemacht habe , und wo der Fehler liegt, nur nicht, wie ich ihn richtig behebe. Der Fehler ist beim clearen/floaten. Ich habe den passenden Auszug aus HTML Seite: Code:
<div id="right"> <div class="text"> <font class="ueberschrift"> Willkommen </font > <img src="pic/bild.jpg" width="188" height="284" align="left" border="0"> <font> Willkommmen auf der Homepage, usw. Eine Tabelle: </font> <table> <TR> <TD> Is ja auch egal, was hier steht </TD> </tr> </table> </div> <div class="text"> und noch ein wenig text </div> </div> Code:
div#right { margin-top:10px; width:80%; float:right; vertical-align:top; } div.text { padding:10px; margin-bottom:2px; width:98%; vertical-align:top; background-color:#ededed; } Ein Container der rechts positioniert ist, in dem zwei andere sind. Doch der obere ist nur so groß wie der Text darin, der sich rechts neben dem Bild befindet. Das Bild lappt über den nächsten Container , anstatt das der erste vergrößert wird. Wie cleare/floate ich jetzt richtig, damit das Bild den Container nur vergrößert, und nicht überlappt? Und noch eine kleine Frage am Rande: Wieso sehe ich immer ein Scrollbalken auf der Website wenn ich in dem Container "text" die Breite auf 100% einstelle? Ich bin ein Neuling in CSS (kann man villeicht auch am Quellcode sehen), und mache eigentlich mehr php, usw und weniger Design ) Danke schonmal, Sonny Geändert von oSonnYo (10.06.2006 um 14:23 Uhr) |
Sponsored Links |
|
||||||||
Zitat:
Zitat:
Versuche grundsätzlich "bedeutungsvolle" Elemente zu verwenden, die zu deiner Absicht passen: <hx> für Überschriften, <p> für Text-Absätze, <ul> für Listen, etc. Zitat:
Erste Abhilfe: Nicht transsitional sondern strictes HTML verwenden, und regelmässig validieren, um nicht doch ausversehen transitional zu verwenden. Also das align (und das border) mit CSS ersetzen. Zitat:
Zitat:
Oder du verwendest die "clearfix"-Methode wie im FAQ beschrieben auf die <div class="text"> an, dann wird kein zusätzliches Element benötigt. Noch weitere Anmerkungen: Zitat:
vertical-align bringt hier nichts. Das ist nur bei Tabellenzellen oder Bildern eine Bedeutung. Zitat:
Eine Anmerkung zu "width: 100%": Da Block-Elemente (in der Regel) automatisch die gesammt zu Verfügung stehene Breite ausfüllen, ist "width: 100%" meiner Erfahrung nach selten oder überhaupt nicht nötig. Zitat:
Robin Geändert von RoToRa (10.06.2006 um 19:25 Uhr) |
Sponsored Links |
|
|||
Wow! Vielen Dank für diese sehr gute Hilfe Ich werde es gleich mal ausprobieren, bin mir sicher, dass es klappen wird
PS: Im Prinzip weiß ich das, nur das was bei rum kommt ist halt ein Design und kein "Programm" Das meinte ich damit |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Umlaute in MySQL Datenbank falsch, aber richtig auf Seite | HaraldMenza | Serveradministration und serverseitige Scripte | 7 | 08.08.2013 15:34 |
Formular wird im IE 8 nicht richtig angezeigt | Basti82 | (X)HTML | 14 | 12.05.2011 15:55 |
Grafik richtig positionieren?! | Pumpkin | CSS | 7 | 13.06.2007 22:43 |
IE zeigt falsch, FF richtig - change - FF zeigts falsch, IE richtig | nick | CSS | 6 | 19.08.2006 02:02 |
Nicht richtig dargestellt im Firefox | thom75 | CSS | 8 | 11.07.2006 10:56 |