HX3 Foren  

  HX3 Foren > Konstruktiv > Software- und Webentwicklung

Software- und Webentwicklung Planung, Programmierung und Administration
UML, JavaScript/DOM, ASP, JSP, PHP, Apache, MySQL, Python, Perl (...)

Antwort
 
Themen-Optionen Ansicht
Alt 31.03.2005, 21:26   #1 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard [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
__________________
Kompost ist offline   Mit Zitat antworten
Alt 01.04.2005, 00:26   #2 (permalink)
Administrator 10 Jahre hx3
5000 Beiträge
 
Benutzerbild von Atomic
 
Registriert seit: 21.02.2003
Ort: Freiburg im Breisgau
Alter: 32
Beiträge: 5.139
Atomic eine Nachricht über ICQ schicken Atomic eine Nachricht über Skype™ schicken
Standard 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.
__________________
http://webagentur-walde.de/
Atomic ist offline   Mit Zitat antworten
Alt 01.04.2005, 08:03   #3 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard 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.
__________________
Kompost ist offline   Mit Zitat antworten
Alt 01.04.2005, 09:07   #4 (permalink)
500 Beiträge1000 Beiträge2.500 Beiträge
 
Benutzerbild von Lima
 
Registriert seit: 23.02.2003
Ort: Hamburg
Alter: 30
Beiträge: 3.265
Lima eine Nachricht über ICQ schicken
Standard AW: Problem mit DIV-Boxen

Mit

float: left;
Lima ist offline   Mit Zitat antworten
Alt 01.04.2005, 09:57   #5 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard AW: Problem mit DIV-Boxen

Aha, dankeschön. Ich werde es probieren. Muss dieses float in den HTML Quelltext oder kann ich das im CSS Dokument festlegen
__________________
Kompost ist offline   Mit Zitat antworten
Alt 01.04.2005, 10:29   #6 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard 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>
und einmal in meinem css dokument:
HTML-Code:
.randlinks {
float: left;
width: 20px;
height: 100%;
background-image: url(gfx/randlinks.jpg);
}
Beides funktioniert nicht
__________________
Kompost ist offline   Mit Zitat antworten
Alt 01.04.2005, 13:41   #7 (permalink)
Administrator 10 Jahre hx3
5000 Beiträge
 
Benutzerbild von Atomic
 
Registriert seit: 21.02.2003
Ort: Freiburg im Breisgau
Alter: 32
Beiträge: 5.139
Atomic eine Nachricht über ICQ schicken Atomic eine Nachricht über Skype™ schicken
Standard 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.
__________________
http://webagentur-walde.de/
Atomic ist offline   Mit Zitat antworten
Alt 01.04.2005, 14:11   #8 (permalink)
50 Beiträge
 
Registriert seit: 20.11.2004
Beiträge: 59
Standard 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>
Der Trick ist ganz einfach. Wenn der content nach unten hin wächst, muss sich das Layer für das Menü mit anpassen. Wenn Du nicht beidem eine feste Höhe zuordnest wirst Du die sonst nicht nebeneinander bringen können.
Dr. Doom ist offline   Mit Zitat antworten
Alt 01.04.2005, 14:18   #9 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard AW: Problem mit DIV-Boxen

Aber bei dem Beispiel was du mir gearde gezeigt hast sind die DIV-Boxen doch auch untereinander
__________________
Kompost ist offline   Mit Zitat antworten
Alt 01.04.2005, 14:23   #10 (permalink)
50 Beiträge
 
Registriert seit: 20.11.2004
Beiträge: 59
Standard 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>
Dr. Doom ist offline   Mit Zitat antworten
Alt 01.04.2005, 14:25   #11 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard 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!?
__________________
Kompost ist offline   Mit Zitat antworten
Alt 01.04.2005, 14:33   #12 (permalink)
50 Beiträge
 
Registriert seit: 20.11.2004
Beiträge: 59
Standard AW: Problem mit DIV-Boxen

Du kannst da natürlich alles reinpacken, was Dir gefällt. Allerdings sind ungeordnete Listen ideal für alle Arten von Menüs .
Dr. Doom ist offline   Mit Zitat antworten
Alt 01.04.2005, 14:35   #13 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard AW: Problem mit DIV-Boxen

Und wie kann ich diesesn "Pinökel" () vor den einzelnen Menüpunkten ausblenden? Oder geh das nicht
__________________
Kompost ist offline   Mit Zitat antworten
Alt 01.04.2005, 14:39   #14 (permalink)
50 Beiträge
 
Registriert seit: 20.11.2004
Beiträge: 59
Standard AW: Problem mit DIV-Boxen

Ganz einfach

HTML-Code:
<ul style="list-style-type: none;">
    <li>Hier</li>
    <li>ist</li>
    <li>das</li>
    <li>Menü</li>
</ul>
Dr. Doom ist offline   Mit Zitat antworten
Alt 01.04.2005, 14:44   #15 (permalink)
5000 Beiträge
 
Registriert seit: 25.10.2003
Beiträge: 8.502
Standard AW: Problem mit DIV-Boxen

OK, dankeschön. Du hast mir sehr geholfen
__________________
Kompost ist offline   Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Kontakt - HX3.de - Archiv - Nach oben

Angetrieben durch vBulletin, Entwicklung von Philipp Dörner & Tobias



SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116