|
|||
![]()
hey ho, ich möchte folgendes darstellen:
BILD im firefox bekomme ichs hin. der selbe code sollte auch im ie8 laufen. im ie6 allerdings passts nicht und ich weis nicht wie. im grunde soll später im blauen bereich text so sein, dass er um den roten rumläuft. und da wo schwarz ist soll der text auch nicht hinkommen. mein code sieht so aus. Code:
<html> <head> <title>Example</title> <style type="text/css"> div.wrapper{ border:solid 1px #000000; height:50%; width:50%; } div.slide{ float:right; border:solid 1px #FF0000; height:50%; width:50%; } div.platzhalter1{ border:solid 1px #0000FF; height:30%; } div.platzhalter2{ border:solid 1px #0000FF; height:70%; width:20%; float:left; } div.text{ border:solid 1px #00FF00; width:80%; } </style> </head> <body> <div class="wrapper"> <div class="slide"> f </div> <div class="platzhalter1"> </div> <div class="platzhalter2"> </div> <div class="text">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> </div> </body> </html> kann mir jemand mit dem i6-problem helfen? danke für die mühe ![]() lg vom gerti |
Sponsored Links |
|
||||
![]()
Doctype nicht vergessen...
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
|||
![]()
danke dir erstmal für die hilfe
![]() dein beispiel hatte bei mir im internet explorer auch nicht funktioniert. der abstand zwischen text und oberer kante war nicht da. das kann doch mit float nicht so schwer sein, ich habs nochmal anders gemacht. einfacher, funktionert im firefox. aber im ie das selbe problem. er setzt den gefloateten container nicht auf gleicher höhe an wie den wo der text laufen soll. er macht den gefloateten. und den nächsten haut er unten drunter.. hier mein neuer code. HTML-Code:
<!doctype html> <html> <head> <title>Boxing</title> <meta charset="UTF-8" /> <meta name="description" content="" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <style type="text/css"> html,body{height:100%;} html,body,div{margin:0;padding:0;} #wrapper{ width:600px; height:450px; background:#000; background-color:#000000; margin:auto; } div.slide{ float:right; background-color:#FF0000; height:50%; width:50%; margin-left:5%; margin-bottom:5%; } div.text{ background-color:#00FF00; height:80%; width:80%; padding-top:20%; padding-right:20%; text-align: justify; } </style> </head> <body> <div id="wrapper"> <div class="slide"> </div> <div class="text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, </div> </div> </div> </body> </html> |
|
|||
![]()
Damit das Float von .slide in .text hineinwirken kann, darf .text kein hasLayout haben. Also width + height weg -- width ist eh überflüssig und du willst doch nicht wirklich die Textbox bei einer Höhe von 80% abschneiden, oder?
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
![]()
@cebito: bei mir war wirklich garkein abstand. siehe hier
Bild @fricca: vielen dank, daran lags. haslayout sagt mir grad nichts, werds gleich nachlesen, danke!!! (nee die 80% war willkührilich gewählt, nur zum testen) nur noch ein kleines problem bei der geschichte. die abstände (padding-top & padding-right) werden im ie fast doppelt so groß angezeigt wie im firefix. weis jemand warum? lg vom gerti |
|
|||
![]() Zitat:
Poste jetzt bitte einen Link auf deinen Code, siehe auch die Hinweise für Fragende. BTW: Es wäre angenehm, wenn du deine Shift-Taste reparieren könntest. Deine Beiträge sind so mühsam zu lesen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Float:right.......Ääähhh - Wie war das nochmal beim IE6? | Stadtmensch | CSS | 7 | 27.11.2008 15:17 |
IE6 fehler | dominik26 | CSS | 1 | 13.08.2008 03:24 |
Fehler im IE6 | Fuzzel | CSS | 13 | 01.10.2007 17:42 |
Immer noch ein Fehler im IE6 bei 3 faux col design | Krischu | CSS | 3 | 24.05.2007 12:07 |