|
|||
Nochmals Hilfe bei umgesetztem Layout, Navi-Problem
Hi ihr.... meld mich auch mal wieder seid langer langer Zeit .
Dummerweise muss ich auch mit nem neuen Problem antraben. Und zwar hab ich an meiner Site von damals weitergebastelt und es kamen auch einige Infos zusammen, die nur noch nicht eingefügt sind. Problem ist folgende Site: http://www.mv-herlikofen.de/testindex/index.htm Im IE 6.0, Opera scheint die Darstellung sauber zu sein, beim IE 5 dagegen machen die blauen Navigationen mucken - und ich habe keine Ahnung warum. Ich kann mir das Problem nur auf Grund einer zu großen Wortlänge bei betreffenden Navi-Bestandteilen erklären. Eine Lösung wäre nun halt, die Balken breiter zu machen, aber ich kann mir nicht vorstellen, dass das Problem unlösbar ist. Ich muss dazu sagen, dass die HP mit dem IE 5.0 auf einem anderen Rechner getestet wurde. Umstellung der Schriftgröße sowie Zusammenschieben des Browserfensters schafften keine Abhilfe. Im Anhang liegt ein Screenie, der die Ansicht im IE 5 zeigt. hier der HTML-Teil der Datei: Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Musikverein 1930 Herlikofen e.V.</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta http-equiv="imagetoolbar" content="no"> <link rel="stylesheet" type="text/css" href="css/formate.css"> </head> <body id="main"> <div id="bigdiv"> [img]Bilder/ol.gif[/img] [img]Bilder/or.gif[/img] <div id="navioben"> <h1>Musikverein 1930 Herlikofen e.V. Carnevalsverein Grabbenhausen</h1> </div> <div id="leftdiv"> <div id="rightdiv"> <div id="navcontainer"> <span id="liste"> <ul> <li id="MVH"><center>MVH</center>[*]Home[*]<center><a href="#">Jubliäum 2005</a></center> <ul>[*]Festtermine[*]Infos[/list] [*]Orchester <ul>[*]Besetzung[*]Galerie[/list] [*]Jugend <ul>[*]Kapelle[*]Ausschuss[*]Aktivitäten[*]Galerie[/list] [*]Ausbildung <ul>[*]Angebote[*]Aktueller Stand[*]Galerie[/list] [*]Chronik[*]Termine[*]Kontakt[/list] </span> </div> <div id="navcontainer2"> <span id="liste2"> <ul> <li id="MVH"><center>CVG</center>[*]Home[*]<center><a href="#">Jubliäum 2005</a></center> <ul>[*]Festtermine[*]Infos[/list] [*]Orchester <ul>[*]Besetzung[*]Galerie[/list] [*]Jugend <ul>[*]Kapelle[*]Ausschuss[*]Aktivitäten[*]Galerie[/list] [*]Ausbildung <ul>[*]Angebote[*]Aktueller Stand[*]Galerie[/list] [*]Chronik[*]Termine[*]Kontakt[/list] </span> </div> <div id="inhalt"></div> </div> </div> </div> </body> </html> Code:
/*Allgemeine Eigenschaften*/ body { background-color:#FFFFFF; font-family:"Times New Roman", Times, serif; } h1 { text-align:center; font-family:"Times New Roman", Times, serif; color:#FFFFFF; font-size:1.2em; } /*Layoutcontainer*/ #textinhalt { display:block; } #bigdiv { position:relative; margin:5% 10% 5% 10%; background:#fff url(../Bilder/streifenh.gif) repeat-x top; min-width:650px; height:984px; } #leftdiv { background:url(../Bilder/streifenv.gif) repeat-y left; height:100%; /*braucht der IE*/ } #rightdiv { height:100%; /*braucht der IE*/ } #navioben { position:absolute; top:35px; width:100%; } #inhalt { padding-top:170px; margin:0 170px; height: 400px; font-size:0.8em; background-image:url(../Bilder/wappen.gif); background-repeat:no-repeat; background-position:center; } .ol { display:block; position:absolute; top:-20px; left:-63px; } .or { display:block; position:absolute; top:-24px; right:-57px; } /* Tan Hack */ * html #bigdiv /* dies wird nur von den IEs interpretiert*/ { width: 100%; /*Wert für den IE5*/ w\idth: 80%; /*Wert für den IE6*/ } *html #inhalt { height:400px; /*nur für den IE*/ } /* html>body #main { width: auto; min-width: 100%; } */ /* Menü links*/ #navcontainer { padding-top:50px; padding-left:50px; font-size:1em; font-family:"Times New Roman", Times, serif background-color:#6666FF; } #liste { position:absolute; left:15px; top:170px; } #navcontainer ul { list-style-type:none; margin:0; padding:0; } #navcontainer a { display:block; color:#FFF; background-color: #036; width:5.4em; padding: 3px 12px 3px 5px; text-decoration: none; border-bottom: 1px solid #fff; font-weight: bold; font-size:0.9em; } #navcontainer li { margin: 0; } #navcontainer a:hover { background-color: #369; color: #FFF; } #navcontainer li li a { display: block; color: #FFF; background-color: #69C; width: 5.4em; text-decoration: none; border-bottom: 1px solid #fff; padding: 3px -3px 3px 5px; font-weight: normal; } #MVH { color:#FFFFFF; padding-bottom:20px; font-weight:bold; } /* Menü rechts*/ navcontainer2 { padding-top:50px; padding-right:50px; font-family:"Times New Roman", Times, serif } #navcontainer2 ul { list-style-type:none; margin:0; padding:0; } #navcontainer2 a { display:block; color:#FFF; background-color: #036; width:5.4em; padding: 3px 12px 3px 5px; text-decoration: none; border-bottom: 1px solid #fff; font-weight: bold; font-size:0.9em; } #navcontainer2 li { margin: 0; } #navcontainer2 a:hover { background-color: #369; color: #FFF; } #navcontainer2 li li a { display: block; color: #FFF; background-color: #69C; width: 5.4em; text-decoration: none; border-bottom: 1px solid #fff; font-weight: normal; } #liste2 { position:absolute; top:170px; right:20px; } Ich erwarte nicht dass sich jemand die Mühe macht, den net mal perfekt strukturierten Quelltext komplett durchzuforsten - nur, dass ihr mir vielleicht kurz Hinweise geben könnt, was ihr so auf die Schnelle vermutet, Gruß und vielen Dank hierfür, Fladdy |
Sponsored Links |
|
|||
Hilfe gegen die vertikalen Lücken im IE5: http://css-faq.de/index.php?sid=6516...&id=46&lang=de
__________________
Grüße, Terry ... die immer noch sporadisch mitliest, auch wenn sie sich wenig zu Wort meldet ... |
Sponsored Links |
|
|||
Ich glaub das ist ein Missverständnis - des mit den vertikalen Lücken ist mir bisher noch gar net aufgefallen und stört mich auch net weiter - aber die hellblauen und dunkelblauen Balken in der navi sind in der Breite unterschiedlich
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Layout Problem | AndyTrendy | CSS | 6 | 02.08.2009 22:16 |
Ein Layout Problem | Snorfes | CSS | 2 | 10.06.2009 15:27 |
!!!HILFE!!! Problem mit navi!!! | vaep | CSS | 3 | 06.04.2009 19:56 |
problem mit y-repeat und js von der navi | Nars | CSS | 10 | 04.01.2006 12:58 |
Problem mit mehrspaltigem Layout | RalfEggert | CSS | 2 | 05.04.2004 16:20 |