11
Bei der Breitenangabe fehlt die Maßeinheit:
<div style="background-color:orange;height:150px;width:80;float:left"></div>div-Container nebeneinander positionieren [2]
12
danke zimlich dummer Fehler aber es Funktioniert trotztem noch nicht das Orange Kästchen ist irgendwie nach unten verschoben
13
irgendwie nach unten verschoben
Das kann ich mit deinem Codeabschnitt nicht reproduzieren - im welcher Browserversion ist das so? und was für eine Doctype-Angabe verwendest du? (letztere hat Einfluss auf den Anzeigemodus der Browser)
14
Ich weiß nicht genau was du meinst aber ich benutzte die neuste Version von Google Chrome zu den Doctype-angaben keine Ahnung was das bringt ich hab das so in den Text Editor und Als UTF-8 Gespeichert
<html>
<head>
</head>
<body>
<u><h1>DIV Art</h1></u>
<div style="width:200px;height:150px;background-color:green;">
<div style="background-color:red ;height:100% ;width:50px;float:left;"></div>
<div style="background-color:blue ;height:100% ;width:70px;float:left;">
<div style="background-color:yellow;height:100px;width:70px;float:left;"></div>
<div style="background-color:grey ;height:50px ;width:70px;float:left;"></div>
</div>
<div style="background-color:orange;height:150px;width:80px;float:left"></div>
</div>
</body>
</html> 15
Du hast da irgendwelche Steuerzeichen oder ähnliches in deinem Code, die hier als Kästchen dargestellt werden:
Die solltest du mal entfernen, vielleicht löst sich dann dein Problem
Chromium zeigt bei mir den roten und den orangenen Kasten in gleicher Höhe an (ohne diese Kästchen im Quelltext, die anscheinend nicht mitkopiert werden, wenn ich sie in meinen Editor einfüge)
Edit:
in Chrome wirst du hier vermutlich keine Kästchen sehen - die erscheinen in Opera und in Firefox sieht man an der Stelle nochmals andere Formen
<div style="background-color:red ;height:100% ;width:50px;float:left;"></div>
<div style="background-color:blue ;height:100% ;width:70px;float:left;"> Die solltest du mal entfernen, vielleicht löst sich dann dein Problem
Chromium zeigt bei mir den roten und den orangenen Kasten in gleicher Höhe an (ohne diese Kästchen im Quelltext, die anscheinend nicht mitkopiert werden, wenn ich sie in meinen Editor einfüge)
Edit:
in Chrome wirst du hier vermutlich keine Kästchen sehen - die erscheinen in Opera und in Firefox sieht man an der Stelle nochmals andere Formen
... 7 Jahre und 5 Monate später ...
16
Danke. Ihr habt mir geholfen. Wie alt seit Ihr jetzt? :)
Beitrag schreiben (als Gast)
| Thema | Autor | Forum | Beiträge | Letzter Beitrag |
|---|---|---|---|---|
| Das "url"-property von schema.org richtig verwenden | Martin | SEO | 26 | 20.03.2019 12:15 |
| Platzierung von div Containern | tommik | HTML und CSS | 16 | 18.07.2014 19:47 |
| Plazieren von div nebeneinander | Julian | HTML und CSS | 7 | 07.11.2010 11:28 |
| div nebeneinander | samkirchner | HTML und CSS | 5 | 07.04.2010 13:15 |
| Tabellen nebeneinander | Jörg Kruse | HTML und CSS | 13 | 24.01.2008 21:09 |
| 3 Spalten innerhalb eines Containers | Digi | HTML und CSS | 9 | 19.11.2007 22:17 |
| XHTML+CSS(<div>-container nebeneinander + zentriert) | NeoMiC | HTML und CSS | 3 | 28.10.2005 14:09 |