Einzelnen Beitrag anzeigen
  #7 (permalink)  
Alt 02.05.2012, 19:29
arosarius arosarius ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.04.2011
Beiträge: 30
arosarius befindet sich auf einem aufstrebenden Ast
Standard vielen dank + neues problem

Vielen lieben dank für die schnelle Hilfe! Wie so oft folgt auf ein grade gelöstes Problem schnell ein neues! Mein Dropdownmenu wird im Firefoxbrower nicht korrekt angezeigt. Das ganze sieht wie folgt aus:


https://rapidshare.com/files/129280627/fsfsfsfsf.jpg


HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="kontakt.css">
<title>K3 - Real Estate</title>
</head>

<body>

<div id="mainframe">
	<div id="headerframe">
		<div id="headerl">
		</div>
    </div>
    <div id="nav">
    <ul>
		<li><a href="#" class="mlink">Home</a>
		<ul>
		<li><a href="#" class="link">Link 1</a></li>
		<li><a href="#" class="link">Link 2</a></li>
		<li><a href="#" class="link">Link 3</a></li>
		<li><a href="#" class="link">Link 4</a></li>
		<li><a href="#" class="link">Link 5</a></li>
		</ul>
        </li>
        <li><a href="#" class="mlink">Wir</a>
		<ul>
		<li><a href="#" class="link">Link 1</a></li>
		<li><a href="#" class="link">Link 2</a></li>
		<li><a href="#" class="link">Link 3</a></li>
		<li><a href="#" class="link">Link 4</a></li>
		<li><a href="#" class="link">Link 5</a></li>
		</ul>
        </li>
        <li><a href="#" class="mlink">Immobilien</a>
		<ul>
		<li><a href="#" class="link">Link 1</a></li>
		<li><a href="#" class="link">Link 2</a></li>
		<li><a href="#" class="link">Link 3</a></li>
		<li><a href="#" class="link">Link 4</a></li>
		<li><a href="#" class="link">Link 5</a></li>
		</ul>
        </li>
        <li><a href="#" class="mlink">Beratung</a>
		<ul>
		<li><a href="#" class="link">Link 1</a></li>
		<li><a href="#" class="link">Link 2</a></li>
		<li><a href="#" class="link">Link 3</a></li>
		<li><a href="#" class="link">Link 4</a></li>
		<li><a href="#" class="link">Link 5</a></li>
		</ul>
        </li>
        <li><a href="#" class="mlink">Kontakt</a>
		<ul>
		<li><a href="#" class="link">Link 1</a></li>
		<li><a href="#" class="link">Link 2</a></li>
		<li><a href="#" class="link">Link 3</a></li>
		<li><a href="#" class="link">Link 4</a></li>
		<li><a href="#" class="link">Link 5</a></li>
		</ul>
        </li>
        <li><a href="#" class="mlink">Datenschutz</a>
		<ul>
		<li><a href="#" class="link">Link 1</a></li>
		<li><a href="#" class="link">Link 2</a></li>
		<li><a href="#" class="link">Link 3</a></li>
		<li><a href="#" class="link">Link 4</a></li>
		<li><a href="#" class="link">Link 5</a></li>
		</ul>
        </li>
	</ul>
    </div>
    <div id="inhalt">
    <div id="ilinks">
    
        <iframe width="330" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=k%C3%B6ln+heumarkt&amp;aq=&amp;sll=51.151786,10.415039&amp;sspn=14.653642,43.286133&amp;ie=UTF8&amp;hq=&amp;hnear=Heumarkt,+50667+K%C3%B6ln,+Nordrhein-Westfalen&amp;t=m&amp;ll=50.936147,6.960182&amp;spn=0.016227,0.025749&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.de/maps?f=q&amp;source=embed&amp;hl=de&amp;geocode=&amp;q=k%C3%B6ln+heumarkt&amp;aq=&amp;sll=51.151786,10.415039&amp;sspn=14.653642,43.286133&amp;ie=UTF8&amp;hq=&amp;hnear=Heumarkt,+50667+K%C3%B6ln,+Nordrhein-Westfalen&amp;t=m&amp;ll=50.936147,6.960182&amp;spn=0.016227,0.025749&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left">Größere Kartenansicht</a></small>
    
    
    
    
    </div>
    <div id="irechts">
      <p class="kontakth">Kontakt:</p>
      <p class="kontakth1">&nbsp;</p>
      <p class="kontakth1">XXXXXXXXXXXXXXXXXX GmbH</p>
      <p class="kontakth2">&nbsp;</p>
      <p class="kontakth2">XXXXXXXXXXXXXstr 42
      </p>
      <p class="kontakth2">50966 Köln
        
     </p>
      <p class="kontakth2">&nbsp;</p>
      <p class="kontakth2">Tel.: +49 221 XXXXXXXX</p>
      <p class="kontakth2">Fax: +49 221 XXXXXXXX </p>
<p class="kontakth2">&nbsp;</p>
<p class="kontakth2">E-Mail: welcome(at)XXXXXXXXX.de</a></p>
      <p class="kontakth2"> Internet: www.XXXXXXXXX.de </p>
      <div id="kf">
      <br />
      <br />

<form action="#index" method="post">

<input type="text" name="name" value="Name" onBlur="if (this.value == '') this.value='Name'" onFocus="if (this.value == 'Name') this.value='';" size="15"><br>

<input type="text" name="vorname" value="Vorname" onBlur="if (this.value == '') this.value='Vorname'" onFocus="if (this.value == 'Vorname') this.value='';" size="15"><br>

<input type="text" name="email"" value="Email" onBlur="if (this.value == '') this.value='Email'" onFocus="if (this.value == 'Email') this.value='';" size="15"><br><br>

<textarea style="background-color:#DDF
; color: #000000; width: 310px; border: solid 1px #ffffff;"  rows="7" cols="70" class="textfeld" name="comment" value="Kommentar" onBlur="if (this.value == '') this.value='Kommentar'" onFocus="if (this.value == 'Kommentar') this.value='';" ></textarea>
<input type="submit" value="Send" style="background-color:#ffffff; color: #000000; border: none; border-style:none;"/>
                </form>
                </div>

    </div>
    <div id="iunten">
    </div>
    </div>
    <div id="footer">
    
    <a href="#" class="footer">AGB</a>
    <a href="#"  class="footer">Impressum</a>
    <a href="#"  class="footer">Datenschutz</a>
    
    </div>    
</div>    
</body>
</html>

Code:
#mainframe {
	margin: auto;
	padding: 0;
	width: 800px;
}

body {
	font:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
}

#headerframe {
	width: 800px;
	margin: 0;
	padding: 0;
}

#headerl {
	 background-image: url(k3_thin_3_flipGC.jpg);
	 height: 200px;
	 width: 196px;
	 margin: auto;
	 padding: 0;
	 
 }
 #nav {
	margin: 0;
	height: 25px;
	width: 800px;
	float: left;
	padding: 0;
	border-top-width: 2px;
	border-top-color: #006;
	border-top-style: solid;
	
}
.mlink {
	text-decoration: none;
	text-transform: capitalize;
	font-size:12px;
	font-family: Century Gothic;
	color: #006;
	list-style: none;
	display: block;
}
.link {
	color: #fff;
		text-decoration: none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	list-style: none;
	display: block;
}	
#nav ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav ul li {
	display: block;
	line-height: 25px;
	text-align: center;
	margin: auto;
	padding: 0;
	width: 80px;
	background-color: #DDF;
	float: left;
}
#nav ul li:hover {
	display: block;
	line-height: 25px;
	text-align: center;
	background-color: #006;
	margin: auto;
	padding: 0;
	width: 80px;	
}
#nav ul li:hover .mlink {
	color: #FFF;
}

	
#nav ul ul li {
	line-height: 25px;
	text-align: center;
	background-color: #ddf;
	margin: auto;
	padding: 0;
	width: 80px;

}

#nav ul li ul
{
	display: none;
}

#nav ul li:hover ul {
	display: block;
}

#nav ul ul li:hover {
	background-color: #AEAEFF;;
	width: 80px;
}

	 
	 #inhalt
	 {
		 border: #000 solid 1px;
		 height: auto;
		 width: 800px;
		 margin-top: 35px;
		 padding-top: 10px;
		 
	 }
	 
	 #footer
	 {
		 width: 800px;
		 margin-top: 3px;
		 height: 30px;
		 border-top-width: 2px;
			border-top-color: #006;
			border-top-style: solid;
			color: #000;
			font-size:12px;
		  padding: auto;
		  
			
		
	 }
	 
	 .footer {
		 text-align: center;
		 margin-left: 20px;
		 text-decoration: none;
		 text-transform:uppercase;
		 color: #000;
		 clear: both;
		 
	 }
	 #ioben {
		 height: 100px;
		 width: 750px;
		 margin: 5px 25px;
	 }
	 #ilinks 
	 { 
	 height: auto;
	 width: auto;
	 margin-left: 55px;
	 float: left;
	 margin-bottom: 5px;
	 }
	 
	 #irechts {
		 height: 400px;
		 width: 310px;
		 margin-right: 55px;
		 float: right;
		 background: #ffffff;
		 color: #000;
		 padding-top: 0px;
		 
	 }
	 #iunten
	 {
		 height: 100px;
		 width: 750px;
		 margin-top: 5px;
		 margin-bottom: 5px;
		 margin-left: 25px;
		 clear: both;
		 
	 }
	 
	 
.kontakth {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}

.kontakth1, .kontakth2
{
	margin: 1px;
	padding: 0;
}
.kontakth1 { font-size:14px }

 	
	
	#kf {
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
	}


Dreamweaver zeigt alles korrekt an.....

Vielen dank für eure Hilfe schonmal im Vorraus!



Liebe Grüße,

Anton
Mit Zitat antworten