|
|||
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; } LG |
Sponsored Links |
|
||||
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 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |