Ankündigung

Einklappen
Keine Ankündigung bisher.

Komme leider nicht mehr weiter... Probleme mit Linkmenü!

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Komme leider nicht mehr weiter... Probleme mit Linkmenü!

    hi ihr

    ich will die buttons gleich lang haben und untereinander... dazu sollte das i-frame 80% der Seite betragen.. also von jedem brower und jedem display gleich angezeigt werden...

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
     <meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
    <head>
    <style type="text/css">
    
      html {height:100%;}
      a { color: #000000;}
      body {
        color: black; 
        background-color: #037EC4;
        font-size: 100.01%;
        font-family: Helvetica,Arial,sans-serif;
        margin: 0px; 
        padding: 0px;
        text-align: center;  
      }
    
      div#Seite {
        text-align: left;    
        margin-top: 0px;      
        width: 100%;
        background: #037EC4;
        border: 0px;
      }
      
      div#Banner {
        background-color: #037EC4;
        margin: 0px ;
        scrolling: no;
      }
      
      div#Leiste {
        background-color: #FFFFFF;
        margin-top: 10px;
        margin-bottom: 10px;  
      }
    
      a.button {
        font-family: Arial Narrow;
        font-size:15px;
        font-color: #000000;
        margin-top: 2%;
        margin-bottom: 2%;
        background-Color: #FFFFFF;
        border-left: 2px solid #000000;
        border-top: 2px solid #000000;
        border-right: 2px solid #000000;
        border-bottom: 2px solid #000000;
        text-decoration: none;
        width: 100px;
        text-align: left;
      }
       
      a.button:hover {
        Color: #000000;
        background-Color: #037EC4;
        border-left: 2px solid #000000;
        border-top: 2px solid #000000;
        border-right: 2px solid #000000;
        border-bottom: 2px solid #000000;
        text-decoration: bold;
      }
      div#Navigation {
        margin-top: 20px;
        margin-right: 10px;
        marign-bottom: 10px;
        margin-left: 20px;
        background-color: #037EC4;
        float: left;
        width: 15%;
        display: inline; 
    
      }
    
        div#Hauptseite {
        background-color: #FFFFFF;
        margin-top: 20px;
        margin-bottom: 20px;
        float: right;
        min-height: 100%;
    
      }
    
    </style>
    </head>
    <body>
    	<div id="Seite">
    		<div id="Banner">
    		<img src="logo.jpg" name="Banner">
    			<div id="Leiste">
    			<br>
    				<div id="Navigation">
    				
    				<br><a href="Home.html" target="InFrame" class="button">Home</a>
    				<br><a href="Home.html" target="InFrame" class="button">Private Absicherung</a>
    				<br><a href="Home.html" target="InFrame" class="button">Unsere Partner</a>
    				<br><a href="Home.html" target="InFrame" class="button">Kontakt</a>
    				<br><a href="Home.html" target="InFrame" class="button">Angaben gem. EU-Richtlinien</a>
    				<br><a href="Home.html" target="InFrame" class="button">Impressum</a>
    		
    				</div>
    					<div id="Hauptseite">
    
    						<iframe name="InFrame" width="100%" height="385px" frameborder="0" scrolling="auto" src="Home.html">
    
    						</iframe>
    
    					</div>
    			</div>
    		</div>
    	</div>
    </body>
    </html>
    grüßle dominique

  • #2
    AW: Komme leider nicht mehr weiter... Probleme mit Linkmenü!

    Hi,
    Zitat von Dominique Beitrag anzeigen
    dazu sollte das i-frame 80% der Seite betragen.. also von jedem brower und jedem display gleich angezeigt werden...
    warum willst Du unschöne Scrollbalken mitten in der Seite.

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    falscher DOCTYPE. Wenn Du veraltete iframes verwendest, musst Du Transitional deklarieren.

    HTML-Code:
      html {height:100%;}
    ohne 100% für die Nachfahrenelemente bringt das nichts. Und Browser könnten HTML ein padding geben.

    HTML-Code:
      a.button {
        margin-top: 2%;
        margin-bottom: 2%;
        width: 100px;
      }
    diese Angaben müssen ignoriert werden, wenn display:inline gilt.

    HTML-Code:
      div#Navigation {
        margin-top: 20px;
        margin-right: 10px;
        marign-bottom: 10px;
        margin-left: 20px;
        background-color: #037EC4;
        float: left;
        width: 15%;
        display: inline; 
      }
    ja was denn nun? margin und width oder display:inline?

    HTML-Code:
        div#Hauptseite {
        margin-top: 20px;
        margin-bottom: 20px;
        min-height: 100%;
      }
    Du willst wirklich 100% plus 40px Höhe?

    HTML-Code:
    		<img src="logo.jpg" name="Banner">
    vielleicht solltest Du doch besser auf HTML 4.01 Transitional runtergehen...

    Gruß
    Ingo
    Ingo Webdesign

    Kommentar

    homepage-forum.de - Hilfe für Webmaster! Statistiken

    Einklappen

    Themen: 56.805   Beiträge: 430.086   Mitglieder: 28.558   Aktive Mitglieder: 55
    Willkommen an unser neuestes Mitglied, Koller-Consulting.

    Online-Benutzer

    Einklappen

    272 Benutzer sind jetzt online. Registrierte Benutzer: 8, Gäste: 264.

    Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

    Die neuesten Themen

    Einklappen

    Die neuesten Beiträge

    Einklappen

    Lädt...
    X