zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Avatar Zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.07.2011, 14:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.07.2011
Beiträge: 5
Icebreaker befindet sich auf einem aufstrebenden Ast
Standard CSS Avatar Zentrieren

Hallo,

Habe folgendes Problem:

habe mir für mein WBB-Forum ein eigenes Design angelegt...
Leider bekomme ich das Avatar und die Suchfunktion nicht Zentrierungsabhängig....

Diese richten sich immer nach dem Bildschirmrand, was zur Folge hat, dass je nach Auflösung, o.g. Sachen falsch positioniert dargestellt werden...

www.minecraft-forum.org ist die Adresse... hier könnt Ihr euch ja mal ein Bild vom Problem machen...

Anbei mal die CSS Deklaraiion:

Code:
#mainMenu, .mainMenu a, .mainMenu, #footer, #header, #logo, .mainMenuInner a, .mainMenuInner {
border:0 none !Important;
}





.tableList td {
    border-style: none;
    border-width: 0 1px 1px 0;
    padding: 4px;
}



.container-3 .containerHead a, .containerHead a, .tabMenu li.activeTabMenu a, .tabMenu li.activeTabMenu a:hover, .tabMenuBBCodeTabList li.activeTab a span
{
    color: #FFFFFF;
}



#quickLoginBox {top:340px !important;}



.footerOptions li.extraButton a {
position:absolute;
margin-top:79px;
margin-left: -200px;
background: none;
border: 0;
}


#footer {
background: url("../images/blue/footer.png")center no-repeat;
width:1156px;
margin-bottom:140px;
height: 115px;
}


#main {
background: url("../images/blue/main.png")center repeat-y;
width:1106px;
padding: 25px;
}



#mainMenu {
background: url("../images/blue/bild2.png")center no-repeat;
height:290px;
width:1156px;
}



.mainMenuInner a {
font-family: Tahoma;
font-weight: regular;
font-size: 11pt;
padding-left: 10px;
}

.mainMenuInner {
padding-left: 10px;
padding-top: 15px;
}






#userAvatar {
display: block !important;
position: relative;
margin-top: 129px;
margin-left: 1px;
padding-bottom: 28px;
}

#userNote {
min-width: 140px;
max-width: 170px;
color:#fff;
}

.userPanelInner {
float: left;
height: 10px;
margin-left: 172px;
color:#fff;
}

#userAvatar img {
width: 150px !important;
height: 150px !important;
}






.copyright a {
color:#000;
position: left;
}

.copyright a:hover {
color:#000;
}

.containerHead {
background: url("../images/blue/containerHead.png");
}


.tabMenu a {
font-family:arial;
}



#search {
top: -4px;
right: 217px;
}

.container-1, .container-3 {

}


.container-2 {
background-color: #efefef;
}






#date {
position: relative;
top: 90px;
left: 1px;
}




.userMenu {
color:#fff;
}



_______________


.userRank {
padding-top: 50px
}


.prefix {
color: #ff0000;
}


.threadStarterPost .container-3 {
background-color: #eeeeee;
} 


.footerMenuInner {
padding-top: 89px;
padding-left: 13px;
color:#000;
}

#footer {
color:#fff;
}

.mainHeadline {
display: none !important;
}
Ich hoffe, Ihr könnt mir weiterhelfen.

LG
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.07.2011, 10:16
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Hi

Deine Element <div class="userPanelInner"> hängt auch völlig daneben, hat afaik auch das falsche Elternelement. Laut Firebug hängt das Links oben im Eck. #userPanel z.B. hat überhaupt keine Größe, da Höhe gleich Null.

Du solltest dich mal drigend mit float, clear und position ausgiebig beschäftigen. Du scheinst da einiges noch nicht richtig zu verstehen.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
DIV lässt sich nicht zentrieren. densi CSS 10 09.07.2011 18:18
Inspiration - Sammlung von Links emti Ressourcen 8 01.12.2009 18:02
css menu zentrieren Abboh CSS 1 21.10.2008 14:25
Ich hasse CSS... neu-art.de Offtopic 24 30.08.2008 13:11
Wege zum guten CSS - Ausgewählte Links Sp33dy G0nz4l3s Ressourcen 1 27.05.2008 11:09


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:50 Uhr.