wieder mal unterschiedliche ansichten in verschieden browser

    Hallo ihr

    währe schön, wenn jemand mir helfen würde.

    im ie werden meine buttons im richtigen abstand dargestellt - im opera und im ff nicht... ich habe das ganze jetzt (wahrscheilich voll unprofessionell) per wortabstand und leerzeichen gemacht, was sowieso schon irgendwie doof, da ungenau ist... aber ich wusste nicht, wie ich es sonst noch verschachteln sollte (um so mehr in rumprobiert habe, um so schlimmer sah es aus).

    ähhm also zB im ff ist der abstand zwischen den links viel kleiner, was mir das design total verhaut...


    hier ein stückchen aus meinem html

    Code
    <div class="link">
	[url='home.html']Home[/url]				
         [url='links.html']Links [/url]  					
     	[url='impressum.html']Impressum[/url] 		 	
         [url='milchkutscher.html']Milchkutscher[/url]
         </div>

    und das dazugehörige css


    währe echt klasse, wenn sich jemand mit meinem gewurschtel beschäftigen würde und nen tipp für mich hätte... (muss ich alle 4 links in extra boxen stecken? brauchen die dann alle seperat hover, visited und link? wird der seitenaufbau langsamer, wenn ich nen kilometerlanges css habe? (das is auch so schon recht lang, für so ne kleine seite.))

    danke
    ines

    Also erst mal werden meherer Leerzeichen nicht überall definiert, und dient nicht den Zweck ein Layout her zu stellen. Denn abstand kannst du steuern mit css. Oder auch Tabellen. ABer auch von Tabellen ist abzu raten um ein Layout zu erstellen. Geht alles mit css. wenn du mal auf meine Seite schaust, ist meine obige leiste aus änlich deiner. Aber niemals einen Abstand mit Leerzeichen definieren.

    mein css code dazu

    Code
    ul#menuleiste {margin:0; padding:0;}
ul#menuleiste li {display:inline; list-style:none;}
ul#menuleiste li a {font-size:0.75em; color:#F4F4F4; padding:5px 10px;}
ul#menuleiste li a:hover {background:#F4F4F4; color:#666;}

    Mein HTML-Code dazu

    Hoffe das es dir ein wenig weiter hilft.

    Probiers mal so:


    Den gewünschten Abstand kannst du bei a.oben:link noch ändern.
    Für's Menue reicht eine Box und deine CSS ist bis auf den div link auch o.k. Allerdings ist es übersichtlicher, wenn man Menues in Listenform schreibt. Auf Leerzeichen solltest du möglichst verzichten. Das lässt sich besser mit padding lösen.

    also, wenn die Links nebeneinander stehen sollen, dann kannst du sie z.B in verschiedene <div> Tags schreiben und für diese eine Breite (mit width) in css festlegen. Für die Letzten Link brauchst du logischer weise keine Breite angeben. Wenn die links untereinander stehen sollen, dann kannst du line-height in css verwenden (als eigenschaft für den Link).

    @all dankeschön

    @sejuna -- ich habs so versucht, wie du gesagt hast und das hat auch funtioniert - was ich allerdings ich hinbekommen aber ist ein margin-top an eine stelle zu stetzen, so das alle links auf der selben höhe sind... (also zb 30 px vom oberen rand) --- währe klasse, wenn du mir da auch noch helfen könntest (wo muss es hin bzw was kann ich sonst nehmen?).

    danke

    also ich habs nochmal mit padding-top und margin-top in link versucht - is aber nix sichtbares passiert...

    div id is besser als div class?


    a.oben:link {font-size:12pt;
    color:#9D94C7;
    text-decoration:none;
    font-weight:bold;
    padding-left:100px;
    margin-top:50px;}

    Zitat von Anonymous

    div id is besser als div class?


    Keines ist besser oder schlechter, weil sie unterschiedliche Bedingungen haben.

    Eine ID darf nur einmal pro Seite benutzt werden. So benutzt man sie vorzugsweise für übergreifende Container. Beste Beispiele sind Header, Navi, Content und Footer.
    Benötigt man eine CSS-Eigenschaft öfters, benutzt man die Klasse. Wenn man zum Beispiel 10 Bilder auf einer Seite hat und 5 davon mit einem Rahmen per CSS versehen will und die anderen 5 nicht.

    Mehr Infos