be nice to opera
christian
- css
Hallo,
unterhalb des Headers existiert auf meiner Seite eine Zeile, die ich mit
#Breadcrumb {
width:750px;
max-width:750px;
margin:10px 20px 0px 20px;
padding:0px;
}
definiert habe.
Dort wird die aktuelle Seite im Kontext dargestellt, damit man sich nicht verirrt. Das ganze ist linksbündig.
Rechtsbündig in derselben Zeile will ich den Menüpunkt "sitemap" darstellen.
<div id="Breadcrumb"><p>Sie sind auf der Seite: Links<i><a href="sitemap.html" title="Struktur des Auftritts">-> sitemap</a></i></p></div>
p und i sind folgendermaßen im css definiert:
p {
font:12px/20px verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
padding:0px;
}
p i{ position:absolute;
left:672px;
font-style:normal;
}
Im IE sieht das wunderbar aus nur in opera wird "sitemap" rechts, aber eine Zeile versetzt nach unten angezeigt.
Wer hat da bitte einen Rat?
beste Grüße
Christian
Hallo,
#Breadcrumb {
width:750px;
max-width:750px;
margin:10px 20px 0px 20px;
padding:0px;
}
Wieso nochmal das max-width? Du hast die Breite doch schon fest vorgegeben.
Rechtsbündig in derselben Zeile will ich den Menüpunkt "sitemap" darstellen.
<div id="Breadcrumb"><p>Sie sind auf der Seite: Links<i><a href="sitemap.html" title="Struktur des Auftritts">-> sitemap</a></i></p></div>
p {
font:12px/20px verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
padding:0px;
}
p i{ position:absolute;
left:672px;
font-style:normal;
}
Ohne es getestet zu haben, versuche mal folgendes:
<div id="Breadcrumb">
<a href="sitemap.html" title="Struktur des Auftritts" id="Sitemap">-> sitemap</a>
Sie sind auf der Seite: Links
</div>
#Breadcrumb {
width:750px;
margin:10px 20px 0px 20px;
padding:0px;
font:12px/20px verdana, arial, helvetica, sans-serif;
}
#Sitemap {
float: right;
font-style:normal;
}
Viele Grüße,
Stefan