nicht angemeldet
Ich habs.
wunderbarWenns noch von code her sauber ist wärs ideal.
Kannst du mal drüber schauen?
die hälfte fehlt zwar, aber:
wenn du deinen code sauber einrückst und nicht unnötige leerzeilen reinklatscht, wird das alles gleich viel lesbarer :)Und ist das normal das die liste nach rechts hin nicht begrenzt ist?
ein ul-element ist per default ein block element und nimmt die verfügbare breite ein (width: auto;) genau wie ein div-element das zb auch tut
ein li-element ist per default ein list-item-element - es verhält sich prinzipiell wie ein block-element, nur dass es einen listenaufzählungspunkt hat
Man kann sie sicher auch begrenzen nur find dazu hier nichts.
mit einer geeigneten breitenangabe - idealerweis das eltern-element (also das umschließende ul-element)mit width im listen tag gehts nicht zumindest. Wie man im code sieht.
ich sehe in deinem css kein width
Ok das wäre alles erledigt. Habe einen Iframe eingebaut.
Das aktuelle Problem besteht darin, dass der Iframe sich unter das menu schiebt, sobald er nicht mehr danebenn passt. Habe bereits versucht den Iframe rechts auszurichten oder das margin auf 125px(die Breite des menus) zu stellen. Jedoch hat er beim margin den Iframe 125 px vpm menu entfernt. und wenn ich das Fenster dann verkleinert habe hatte ich den Frame trotzdem unter der navigation.
Gibt es eine Möglichkeit das alles so zu fixieren, das es im richtigen Format bleibt?
<style type="text/css">
ul#menu li {
list-style: none;
vertikal-align:middle;
}
ul#menu a {
height: 22px;
background: url("http://www.berrycline.com/test_01/Button.gif") 0px 0px no-repeat;
display: block;
font: bold 12px/1 sans-serif;
margin: -0.3em 0; padding: 8px 0px 0px 0px;
color:#FFFFFF;
text-decoration: none;
}
ul#menu a:hover {background-position: 0px -30px;}
ul#menu a:active {background-position: 0px -60px;}
ul#menu {
width:125px;
float:left;
}
</style>
<style type="text/css">
ul.left {
margin-top:0px;
margin-left:0px;
}
img.left {
margin-left:-10px;
border: 0px;
}
iframe.left
{
margin-left: 0px;
width: 885px;
height:600px;
padding: 0 0em;
align:right;09:23 16.12.2008
}
</style>
</head>
<body bgcolor="#2F2F2F">
<img src="http://www.berrycline.com/test/Bilder/index_01.jpg" class="left"></img>
<ul id="menu" class="left">
<li><a href="http://www.google.de" target="main">Home</a></li>
<li><a href="">Biographie</a></li>
<li><a href="http://www.berrycline.com/test/imp.html" target="main">Impressum</a></li>
<li><a href="">Kontakt</a></li>
</ul>
<iframe src="http://www.berrycline.com/test/home.html" name="main" class="left" border="0"></iframe>