Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 1
Seite [1]
Senicon


Beginner




Beiträge: 0
# Thema - 25.05.2015 um 15:28 Uhr
Hallo zusammen,

ich probiere mich gerade ein wenig in CSS und habe da ein Problem.

Meine Login Box verschiebt sich mit Firefox und IE nach außen. Allerdings mit Chrome sieht das ganze normal aus.

Ich weiss echt nicht wo der Fehler liegt. Hat jemand eine Ahnung? Hier die Beispiele:

Unter Firefox / IE:


Unter Chrome:



Index:
 
1.
2.
3.
4.
5.
6.
7.
8.
1. / 2. / ... 
 <div id="sidemenu">
<
div id="menuhead">
  <
div align="center">LOGIN</div>  
</
div>
<
div align="left">{users:navlogin}</div>


</
div>


style.css:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
1. / 2. / ... 
 #sidemenu {
    
width:                200px;
    
text-align:                left;
    
float:                left;
    
margin-top:10px;
    
margin-left:10px;
    
background-color#CCC
}

#menuhead {
    
width:                200px;
    
height:20px;
    
float:                left;
    
background-color:#fff11e;

}

#login {


    
float:                left;
    
background-color:#CCC;
    
width:200px;


}


Die tpl´s sind Standard , habe da nichts geändert.

Bitte beachtet das ich wirklich Anfänger bin im CSS, und einiges nicht so ist wie ihr das machen würdet. Danke trotzdem für die Hilfe. :-)


Zuletzt editiert von Senicon am 25.05.2015 um 17:09 Uhr (1x Editiert)
Inaktiv
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 1 - 25.05.2015 um 18:59 Uhr
Ich würde das auch etwas anders schreiben.
Bin mir aber nicht ganz sicher, ob das auch dein Problem löst.

 
1.
2.
3.
4.
1. / 2. / ... 
 <div class="sidemenu">
    <
div class="menu_head">LOGIN</div>  
    <
div class="menu_inner">{users:navlogin}</div>
</
div>


 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
1. / 2. / ... 
 .sidemenu {
  
background#ccc
  
width200px;
  
floatleft;
  
margin:10px 0 0 10px;
}

.
menu_head {
  
background#fff11e;
  
width200px;
  
height:20px;
  
floatleft;
  
text-aligncenter;
}

.
menu_inner {
  
background#ccc;
  
floatleft;
  
width200px;
}


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
Antworten: 1
Seite [1]


Sie müssen sich registrieren, um zu antworten.