Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.08.2009 um 17:34 (UTC)    
Titel: Design CSS: Navigation in versch. Browsern verschoben

Hey Leute brauche mal eure Hilfe.

Hier erstmal vorab ein Bild.
http://i30.tinypic.com/2ymvpzl.png

Wie ihr auf dem Bid sehen könnt, ist bei Firefox die Navigation so wie ich sie haben will und beim Internet Explorer ist die Navigation bei der ersten Box zu groß sprich der lette MenüPunkt "TippSpiel" ist nicht mehr ganz in der Box drinne und bei der 2. Box ist der Menüpunkt "Spielregeln nicht direkt am anfang oben dran sondern weiter unten.

Außerdem habe ich das problem das bei Kontakt und Impressum die Links obenrechts über dem Content bei Firefox da sind aber beim Internet Explorer sind die Links Wo anders.... Kann mir mal jemand helfen bitte ?

Mein Design ist CSS Orif Design...

Hier mein Code:
Code:
a{color:#000080; font-size: 12px; text-decoration: none;}
a:hover {color: #000080; font-size: 12px; text-decoration: none;}
a:link {color: #000080; font-size: 12px; text-decoration: none;}
a:active {color: #000080; font-size: 12px; text-decoration: none;}
a:visited {color: #000080; font-size: 12px; text-decoration: none;}

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

#Design {
margin: ;
width: 1280px;}

* { padding: 0; margin: 0; }

body {background-image:url(http://img.webme.com/pic/t/testx6/gstebuchlinksvaldez.png);background-repeat:no-repeat;}

#content {
position:absolute;
color: #000000;
font-family: "Arial";
font-size: 12px;
text-align: "center";
top: 327px;
left: 190px;
height: 1280px;
width: 528px;
background-color:Transparent;
overflow:auto;}

#nav_container {
position: absolute;
top: 351px;
left: 30px;
width: 150px;
height: 450px;
padding:0px;
border: 0px solid #xxxxxx;
background-color:transparent;
background-image:url();
overflow:auto;}

ul#nav {
padding: 0px;
margin: 0px;}

li.nav_element {
list-style-type: none;
position: relative;
padding-top:5px;
border:0px solid #xxxxxx;}

li.nav_element a {
display: block;
width: 147px;
padding:1px;
color: #000000;
font-size:12px;
font-family:arial;
text-decoration: none;
text-align: left;
background-color: Transparent;
background-image:url(Hier Button-URL);
border: 0px solid #xxxxxx;}


#rechtenavi {
background-color:#xxxxxx;
height: 72px;
width: 167px;
margin-top: 240px;
margin-left: 728px;
float:left;}


#DeinTrikot {
background-color:#xxxxxx;
height: 40px;
width: 167px;
margin-top: 240px;
margin-left: 723px;
float:left;}

#Turnier{
background-color:#xxxxxx;
height: 175px;
width: 167px;
margin-top: 391px;
margin-left: -875px;
float:left;}

#L {
background-color:#xxxxxx;
font-family: Century Gothic;
color: #FFE636;
font-size:14px;
height: 30px;
width: 167px;
margin-top: -397px;
margin-left: 530px;
float:left;}

#BvBFaNaTiCo{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -59px;
margin-left: 198px;
float:left;}

#BVBmarv{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -37px;
margin-left: 198px;
float:left;}

#AlexBVB09{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -13px;
margin-left: 198px;
float:left;}

#BananaJoe{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: 8px;
margin-left: -168px;
float:left;}

#BVB09DEN{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:38px;
margin-left: -168px;
float:left;}

#BVBSalva{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:62px;
margin-left: -168px;
float:left;}

#BVB09STD{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:82px;
margin-left: -168px;
float:left;}

#BVBthebest{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:107px;
margin-left: -168px;
float:left;}

#D3ST{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:128px;
margin-left: -168px;
float:left;}

#derchilene{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:150px;
margin-left: -168px;
float:left;}

#Ehsan{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -59px;
margin-left: -40px;
float:left;}

#ExilBorusse{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -37px;
margin-left: -40px;
float:left;}

#fisherman9{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -13px;
margin-left: -40px;
float:left;}

#Hardstyle1978{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: 8px;
margin-left: -168px;
float:left;}

#Jan23ger{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:38px;
margin-left: -168px;
float:left;}

#keepergirl{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:62px;
margin-left: -168px;
float:left;}

#KMatel{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:82px;
margin-left: -168px;
float:left;}

#Kuba0617{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:107px;
margin-left: -168px;
float:left;}

#LeonardoDede{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:128px;
margin-left: -168px;
float:left;}

#Luncalot{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:150px;
margin-left: -168px;
float:left;}

#Martinhio93{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -59px;
margin-left: -40px;
float:left;}

#MLiDFfi{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -37px;
margin-left: -40px;
float:left;}

#Oberstufe2{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -13px;
margin-left: -40px;
float:left;}

#Polotolo{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: 8px;
margin-left: -168px;
float:left;}

#PSG1803{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:38px;
margin-left: -168px;
float:left;}

#schmiddi09{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:62px;
margin-left: -168px;
float:left;}

#Sebii09BVB{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:82px;
margin-left: -168px;
float:left;}

#spinner13{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:107px;
margin-left: -168px;
float:left;}

#SteveHalle{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:128px;
margin-left: -168px;
float:left;}

#Stuttgartb{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top:150px;
margin-left: -168px;
float:left;}

#Till84{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -59px;
margin-left: -30px;
float:left;}

#Tony76{
background-color:#xxxxxx;
height: 21px;
width: 167px;
margin-top: -37px;
margin-left: -30px;
float:left;}



Zuletzt bearbeitet von bvb-vkl-kicker am 16.08.2009, 18:41, insgesamt 2-mal bearbeitet
Beitrag19.08.2009 um 08:34 (UTC)    
Titel:

dein problem wäre mit einer externen css-datei für den ie zulösen.

dazu musst du gar nicht so viel tun...
du hast dein eigenes design, jetzt kopierst du einfach einmal deine css- datei und speicherst die jetzt unter dem namen

screen.css ab... wichtig dabei ist, dass du die css-daten im hpbk löschst.

die datei selbst lädst du jetzt bei einem freehoster hoch... und kopierst dir den link der .css- datei.

im bereich "text über dem design" kommt jetzt folgendes rein:
Zitat:

<style type="text/css">
@import url(***HIER LINK***) all;
/* evtl. seitenspezifische CSS-Definitionen */
</style>

<!--[if gte IE 5.5]>
<style type="text/css">@import url(***LINK FÜR IE***);</style>
<![endif]-->


erläuterung:

die option @import sollte im hpbk funktionieren. sie importiert deine css- datei aus einem anderen speicherort... da du jetzt aber auch noch all; dorst stehen hast, wird damit der IE ausgechlossen und er übernimmt diese css nicht mehr... jetzt kannst du seperat dazu einfach den css-code so umbasteln, dass es für den IE passt... diese datei wieder speichern und zwar über den namen ie55+.css ... das bedeutet das die datei für alle IE über version 5.5 diese datei übernehmen.. die datei wieder hochladen und den link dazu einfügen...

viel erfolg... bei fragen kannst du dich gerne wieder an mich wenden...
rené
______________
Das bin ich und meine Art, 17 halt.

Projekt Nr. 2- http://freunde-des-pussel.de.tl
Beitrag06.09.2009 um 16:27 (UTC)    
Titel:

mh.. danke aber gibt es da keine andere Lösung? Kann mir da einer mal Helfen?? vllt ist da im Code ja auch wass falsch oder stimmt nicht überein oder so...

Gruß Marv
Beitrag06.09.2009 um 21:27 (UTC)    
Titel:

Also im CSS slebst finde ich derzeit keine Fehler.

Aber du kannst dir mal sicher sein, dass wenn es im einen Browser passt und im anderen wiederum nicht, dass es an den einzelnen Browser- CSS liegt, die alle ihre eigenen Standarts haben. In diesem Falle wäre die Kalibrieung eine zweite Lösung für dich.

Ich verweise dort hin-

http://www.homepage-baukasten.de/forum/viewtopic.php?t=99422&highlight=


Das wäre gut durchzulesen...


LG: René
______________
Das bin ich und meine Art, 17 halt.

Projekt Nr. 2- http://freunde-des-pussel.de.tl
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de