• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Überlappende DIV's lösen

Nobody1993

Mitglied
Hallo ihr,

Ich hab mal ein neues Problem.
Und zwar geht es um:

BKB-Fussball

Ich habe mit DIV´s 2 Dropdown Menüs gemacht (Turnier & Kontakt), wobei das Turnier nur bis auf die letzten 3 geht. Hierbei überlappt sich ja wohl das DIV mit dem Title Div.

Der HTML Code:

HTML:
<body>

<div id="container">
    <div id="header"></div>
    <div id="content">
        <div id="sheettop">
        
        
        
        
        
        
            <div id="nav">
                <ul>
                    <li><a href="./"> <font color="#800000">News</font></a></li> |  
                    <li><a href="./forum/">Forum</a></li> |    
                    <li><a href="./guestbook/guestbook.php">G&auml;stebuch</a></li> |
        
                    <li id="sddm1">
                    <a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()"> <font size="2" >Turnier</font> </a> |
                    <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                        <a href="./Unterverzeichnisse/geschichte.html">Geschichte</a>
                        <a href="./Unterverzeichnisse/spielplan.html">Spielplan</a>
                        <a href="./Unterverzeichnisse/Ticker/ticker.html" onclick="FensterOeffnen(this.href); return false">Live Ticker</a>
                        <a href="./Unterverzeichnisse/video.html">Videos</a>
                        <a href="./Unterverzeichnisse/presse.html">Presseberichte</a>
                        <a href="./Unterverzeichnisse/video.html">Videos</a>
                    </div>
                    </li>
                    
                    <li id="sddm2">
                    <a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()"> <font size="2" >Kontakt</font> </a>
                    <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                        <a href="./Unterverzeichnisse/Team.html">Website-Team</a>
                        <a href="./Unterverzeichnisse/Kontakte.html">Geschichte</a>
                    </div>
                    </li>
                    </ul>
            </div>
            
<div style="clear:both"></div>
            
            
            
            
            
            
            <div class="title">
                <h1> Fußballturnier 2011 - Berufskolleg  Bottrop </h1>
                           
            </div>
            <div class="text">
            
            </br>
            </br>
            </br>
            
                <p>Das Fussballturnier beginnt am: 25.02.2011</p>
                <p>Um 9:00 Uhr</p>
                <p>Wir bitten um Verst&auml;ndnis, dass nicht alle Funktionen und Links im vollem Umfang zur Verf&uuml;gung stehen, da sich diese Webseite noch in der Beta(Test-)phase befindet.</p>

                <p>Updates: 
                <p> &emsp;&emsp;&emsp;&emsp;&emsp;Update 23.01.2011: <a href="./Unterverzeichnisse/Galerien.html">Turnier-Bilder 2010 eingef&uuml;gt</a>
                <p> &emsp;&emsp;&emsp;&emsp;&emsp;Update 23.01.2011: <a href="./Unterverzeichnisse/geschichte.html">Turniergeschichte eingef&uuml;gt</a>
                <p> &emsp;&emsp;&emsp;&emsp;&emsp;Update 23.01.2011: <a href="./Unterverzeichnisse/presse.html">Pressebericht eingef&uuml;gt</a>
                <p> &emsp;&emsp;&emsp;&emsp;&emsp;Update 23.01.2011: <a href="./index.html">Index - Neues Design</a>
                <p> &emsp;&emsp;&emsp;&emsp;&emsp;Update 21.01.2011: <a href="./guestbook/guestbook.php">G&auml;stebuch angepasst</a>
                <p> &emsp;&emsp;&emsp;&emsp;&emsp;Update 20.01.2011: <a href="./Unterverzeichnisse/video.html">Videos eingebettet</a>
                <p> &emsp;&emsp;&emsp;&emsp;&emsp;Update 16.01.2011: <a href="./Unterverzeichnisse/Ticker/ticker.html" onclick="FensterOeffnen(this.href); return false">Live Ticker ver&ouml;ffentlicht</a>
                <p> &emsp;&emsp;&emsp;&emsp;&emsp;Update 14.01.2011: <a href="./forum/">Forum</a>
                <p>
                <p>Wir würden uns freuen, wenn Sie sich zahlreich in unserem Forum registrieren. <p>Denn dort gibt es tolle Umfragen, an denen Sie sich beteiligen und Ihre pers&ouml;nliche Meinung schriftlich darlegen k&ouml;nnen.        
                </br>
                
                <p>            

            </br>
            
                                 <p>
                                 Ihr Webseiten Team.
                                 </p>
                                      </p>
  </p>
                
                    <div style="clear:both"></div>    
            </div>
            <div style="clear:both"></div>
        </div>
    
        <div style="clear:both"></div>

        
        <div id="sheetbottom">

            <div class="title">
                <h4> Galerien 2010 / 2011</h4>
            </div>
            <div id="photogallery">    
                <div class="photobox">
                    
                    <ul class="thumbnails">
                        <li><a href="./Unterverzeichnisse/Galerien.html"><img src="http://www.html.de/images/photo1.jpg" border="0" /></a></li>
                        <li><a href="./Unterverzeichnisse/Galerien.html"><img src="http://www.html.de/images/photo2.jpg" border="0" /></a></li>
                        <li><a href="./Unterverzeichnisse/Galerien.html"><img src="http://www.html.de/images/photo3.jpg" border="0" /></a></li>
                    </ul>
                    <div class="clear"></div>
                    <ul class="thumbnails">
                        <li><a href="./Unterverzeichnisse/Galerien.html"><img src="http://www.html.de/images/photo4.jpg"  border="0" /></a></li>
                        <li><a href="./Unterverzeichnisse/Galerien.html"><img src="http://www.html.de/images/photo5.jpg"  border="0" /></a></li>
                        <li><a href="./Unterverzeichnisse/Galerien.html"><img src="http://www.html.de/images/photo6.jpg"  border="0" /></a></li>
                    </ul>
                </div>
                <div class="blog">
                    <a href="./Galerien/5%20Spieltag/target105.html"><img src="http://www.html.de/images/bloglink.jpg" border="0" /></a>
                </div>
                <div style="clear:both"></div>
            </div>
        <br />
        </div>
    </div>
    <div class="clear"></div>
    <div id="footer">
        <ul>
            <li><a href="./Unterverzeichnisse/impressum.html">Impressum</a></li><br><br>
            <li><a algin="right" title="Counter"><img src="http://c.andyhoppe.com/1294922149" width="80" height="30" style="border:none" alt="Counter" /></a></li> 
        </ul>        
    </div>
        
<div class="clear"></div>
</div>
</body>
Das Problem liegt bei der DIV sddm2 & title, wobei ich nicht weiß, wie ichs so mache, dass der sddm2 "dominanter" ist und somit oben aufliegt.


Danke für eure Hilfe, die ich bekomme (hoffentlich (: )

Grüße,
Nobody1993
 
Zurück
Oben