|
|||
CSS-Box-Issue
Und zwar hab ich folgendes Problem.
Ich möchte gerne folgendes Box-Modell verwenden, doch die Box #3 spinnt rum und will nicht nach oben an den Rand von Box #2. Das Problem bei der ganzen Sache. Box #2 ist immer unterschiedlich hoch. Manchmal größer und manchmal eben kleiner als Box #1. HTML-Code:
<!doctype html> <link href="style.css" rel="stylesheet" type="text/css"> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <div id="template"> <div id="main1">test1</div> <div id="main2">test2</div> <div id="main3">test3</div> <div id="main4">test4</div> </div> </body> </html> PHP-Code:
Irgendwie bin ich auf der falschen Spur. Danke fikxi |
Sponsored Links |
|
|||
Hallo,
soll das dritte div sozusagen direkt unter dem zweiten sitzen? Falls ja, wurde die gleiche Thematik hier diskutiert: http://xhtmlforum.de/71646-element-f...erbrechen.html Und dann wirst du wohl mit Spalten arbeiten müssen.. d.h. div 2 und 3 müssen in der gleichen Spalte sein. |
Sponsored Links |
|
|||
Ja, ne dolle Fehlerbeschreibung wars nicht.
Weiss einfach nicht was für ein Fehler es ist. Sah/sieht einfach falsch aus. Hier mal mein 'neuer' Code. HTML-Code:
<!doctype html> <link href="1.css" rel="stylesheet" type="text/css"> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <div id="template"> <div id="main1">test1</div> <div id="main2">test2</div> <div id="main3">test3</div> <div id="main4">test4</div> </div> </body> </html> Code:
@charset "utf-8"; /* CSS Document */ #template { height:1000px; width:550px; float:left;} #main1 { width:250px; height:250px; background-color:#BBBBBB; float:left; clear:left; border:2px #000 solid;} #main2 { width:250px; height:150px; background-color:#BBBBBB; float:right; clear:right; border:2px #000 solid;} #main3 { width:250px; height:250px; background-color:#BBBBBB; float:left; clear:left; border:2px #000 solid;} #main4 { width:250px; height:250px; float:right; clear:right; background-color:#BBBBBB; border:2px #000 solid;} danke fikxi |
|
|||
fikxi, was ist denn die eigentliche Frage, bzw. könntest Du mal erläutern was "nicht richtig aussieht" und wo du gerne Änderungen haben willst ?
Im ersten Post sagtest du "... Box #2 ist immer unterschiedlich hoch ...", aber im CSS hast du für Box2 (#main2) eine Höhe angegeben - entweder keine Höhe angeben damit es selbst anpasst, oder Höhe angeben aber nicht erwarten dass sie sich anpasst. |
|
|||
Zitat:
Wie man gut erkennen kann, ist die vierte box auf der selben Höhe wie die dritte box. Ich möchte jedoch, das die vierte box nach oben rutscht und an die box#2 heranrutscht. Dies hab ich versucht, aber nicht hinbekommen. Danke für Eure Hilfe! |
Sponsored Links |
|
|||
Zitat:
____________ MfG Roland |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
HotSpot-Verweis auf CSS Box | tray-park | CSS | 11 | 03.09.2008 21:57 |
ie 7 - menu css - a:hover behaviour only on text not on the whole box | sycorax27 | CSS | 1 | 18.06.2007 23:34 |
ps design (slices), php (dynamischer inhalt), css gestaltung | schleepy | CSS | 19 | 02.06.2006 23:46 |
bewegliche box mit css & js | b166-er | CSS | 1 | 03.04.2006 16:30 |
Input box - verschiebt sich bei css formatierung | ATooM | CSS | 5 | 05.04.2005 19:43 |