|
Software- und Webentwicklung Planung, Programmierung und Administration
UML, JavaScript/DOM, ASP, JSP, PHP, Apache, MySQL, Python, Perl (...) |
|
Themen-Optionen | Ansicht |
31.03.2005, 21:26 | #1 (permalink) |
Registriert seit: 25.10.2003
Beiträge: 8.502
|
[HTML/CSS] Problem mit DIV-Boxen
Hi, ich versuche gerade mich ein wenig mit DIV_Boxen einzuarbeiten und hab da eine "kleine" Frage:
Ich hab zwei DIV-Boxen die ich beide mit CSS formatier (also: <div class="name"> -> beide sind z.B. was das Hintergrundbild angeht verschieden formatiert) In die eine Box soll der Content und in die andere die Abgrenzung der Homepage (ein kleines Bildchen das sich immer wiederholt). Die höhe der Box mit Content soll sich dem Content anpassen. Was auch wunderbar funktioniert. Diese Box mit dem Rand soll allerdings auch immer genauso hoch sein wie die "Content Box". Kann mir vielleicht jemand sagen wie das funktioniert (zu Lima rüberschiel )? Danke im vorraus
__________________
|
01.04.2005, 00:26 | #2 (permalink) |
|
AW: Problem mit DIV-Boxen
Hmm..
Probier doch einfach bei der Box mit dem Rand "height:100%". Irgendwas in die Richtung müsste doch gehen.
__________________
https://savetheinternet.info/ |
01.04.2005, 08:03 | #3 (permalink) |
Registriert seit: 25.10.2003
Beiträge: 8.502
|
AW: Problem mit DIV-Boxen
Das ist mir klar, funktioniert auch.
Also: Die zwei Boxen sollen paralell zueinander verlaufen und die eine soll sich der Höhe der anderen anpassen Hier habe ich z.B. 3 DIV-Boxen. Alle untereinander ->Wie kann ich es machen das sie parallel zueinander verlaufen.
__________________
|
01.04.2005, 10:29 | #6 (permalink) |
Registriert seit: 25.10.2003
Beiträge: 8.502
|
AW: Problem mit DIV-Boxen
Also, ich hab jetzt einfach mal versucht den Rand links (DIV-Box)auf der selben Höhe wie die Content Box verlaufen zu lassen.
Ich hab einmal in meinem Quelltext geschrieben: HTML-Code:
<div class="randlinks"; float="left";><img class="randlinks"></div> HTML-Code:
.randlinks { float: left; width: 20px; height: 100%; background-image: url(gfx/randlinks.jpg); }
__________________
|
01.04.2005, 13:41 | #7 (permalink) |
|
AW: Problem mit DIV-Boxen
Der Befehl ist eine CSS Einstellung.
Du musst darauf achten welchem DIV du einen Float Wert zuweist. Kann sein das der "position"-Wert auch Relevanz hat.
__________________
https://savetheinternet.info/ |
01.04.2005, 14:11 | #8 (permalink) |
Registriert seit: 20.11.2004
Beiträge: 59
|
AW: Problem mit DIV-Boxen
Naja, ganz so einfach ist es leider nicht . Du musst zunächst mal die Layer so schreiben
HTML-Code:
<div id="menu"> <ul> <li>Hier</li> <li>ist</li> <li>das</li> <li>Menü</li> </ul> <div id="content"> Hier ist der inhalt </div> </div> |
01.04.2005, 14:23 | #10 (permalink) |
Registriert seit: 20.11.2004
Beiträge: 59
|
AW: Problem mit DIV-Boxen
hm, ja - weiter ausgebügelt sieht das halt so aus:
HTML-Code:
<div id="page" style="background: url('DeinHintergrund.jpg');"> <div id="menu" style="float: left; width: 20%;"> <ul> <li>Hier</li> <li>ist</li> <li>das</li> <li>Menü</li> </ul> </div> <div id="content" style="float: right; width: 70%; background-color: #fff"> Hier ist der inhalt </div> </div> |
01.04.2005, 14:25 | #11 (permalink) |
Registriert seit: 25.10.2003
Beiträge: 8.502
|
AW: Problem mit DIV-Boxen
Achso, dankeschön Ich muss mir das mal wenn ich Zeit hab nochmal ganz genau angucken dann schaff ich es bestimmt auch selber und wenn nicht meld ich mich eben
Die Liste ist aber nicht 100% notwendig, oder? Da kann ich dann ja auch alles mögliche reinpacken!?
__________________
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1) | |
Themen-Optionen | |
Ansicht | |
|
|