Forenbreite

[Mr.Smith 0]

Hallo erstmal....

Ich hab ein kleines Problem ,wenn ich euer Board auf einem Monitor mit 800X600

anschaue hab ich kein Scrollbalken unten aber bei meinem Board leider schon.

Ich hab auch schon im Wrapper bzw. CSS einiges versucht nur ich komme nicht daruf was da falsch läuft.

Hier mal meine CSS

html { overflow-x: auto; }

BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;margin: 0px;padding: 0px;text-align: center;color: #000;background-color: #FFF; }

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: #000; }

#ipbwrapper { text-align: left;width: 950px;margin-left: auto;margin-right: auto }

a:link, a:visited, a:active { text-decoration: underline;color: #000; }

a:hover { text-decoration: underline;color: #465584; }

fieldset.search { padding: 6px;line-height: 150%; }

label { cursor: pointer; }

form { display: inline; }

img { vertical-align: middle;border: 0px; }

img.attach { padding: 2px;border: 2px outset #EEF2F7; }

.googleroot { padding: 6px;line-height: 130%; }

.googlechild { padding: 6px;margin-left: 30px;line-height: 130%; }

.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px;color: #3A4F6C; }

.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #00D; }

.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }

.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #434951; }

li.helprow { padding: 0px;margin: 0px 0px 10px 0px; }

ul#help { padding: 0px 0px 0px 15px; }

option.cat { font-weight: bold; }

option.sub { font-weight: bold;color: #555; }

.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #777;background-color: #DFE6EF; }

.warngood { color: green; }

.warnbad { color: red; }

#padandcenter { margin-left: auto;margin-right: auto;text-align: center;padding: 14px 0px 14px 0px; }

#profilename { font-size: 28px;font-weight: bold; }

#calendarname { font-size: 22px;font-weight: bold; }

#photowrap { padding: 6px; }

#phototitle { font-size: 24px;border-bottom: 1px solid black; }

#photoimg { text-align: center;margin-top: 15px; }

#ucpmenu { line-height: 150%;width: 22%;background-color: #F5F9FD;border: 1px solid #345487; }

#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }

#ucpcontent { line-height: 150%;width: auto;background-color: #F5F9FD;border: 1px solid #345487; }

#ucpcontent p { padding: 10px;margin: 0px; }

#ipsbanner { position: absolute;top: 1px;right: 5%; }

#logostrip { padding: 0px;margin: 0px;background-color: #BCD0ED;border: 1px solid #BCD0ED;background-image: url(style_images/<#IMG_DIR#>/tile_back.gif); }

#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #3A4F6C;background-color: #DFE6EF;border: 1px solid #BCD0ED; }

#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #3A4F6C; }

#userlinks { background-color: #F0F5FA;border: 1px solid #C2CFDF; }

#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }

.activeuserstrip { padding: 6px;background-color: #BCD0ED; }

.pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #3A4F6C;background-color: #D1DCEB; }

.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #C2CFDF;border-right: 1px solid #C2CFDF;background-color: #F5F9FD; }

.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #C2CFDF;border-right: 1px solid #C2CFDF;background-color: #F5F9FD; }

.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #C2CFDF;background-color: #F5F9FD; }

.signature { font-size: 10px;line-height: 150%;color: #339; }

.postdetails { font-size: 10px; }

.postcolor { font-size: 12px;line-height: 160%; }

.normalname { font-size: 12px;font-weight: bold;color: #003; }

.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }

.unreg { font-size: 11px;font-weight: bold;color: #900; }

.post1 { background-color: #F5F9FD; }

.post2 { background-color: #EEF2F7; }

.postlinksbar { padding: 7px;margin-top: 1px;font-size: 10px;background-color: #D1DCEB;background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif); }

.row1 { background-color: #F5F9FD; }

.row2 { background-color: #DFE6EF; }

.row3 { background-color: #EEF2F7; }

.row4 { background-color: #E4EAF2; }

.darkrow1 { color: #4C77B6;background-color: #C2CFDF; }

.darkrow2 { color: #3A4F6C;background-color: #BCD0ED; }

.darkrow3 { color: #3A4F6C;background-color: #D1DCEB; }

.hlight { background-color: #DFE6EF; }

.dlight { background-color: #EEF2F7; }

.titlemedium { font-weight: bold;padding: 7px;margin: 0px;color: #3A4F6C;background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif); }

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { text-decoration: underline;color: #3A4F6C; }

.maintitle { vertical-align: middle;font-weight: bold;padding: 8px 0px 8px 5px;color: #FFF;background-image: url(style_images/<#IMG_DIR#>/tile_back.gif); }

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none;color: #FFF; }

.maintitle a:hover { text-decoration: underline; }

.plainborder { background-color: #F5F9FD;border: 1px solid #345487; }

.tableborder { background-color: #FFF;border: 1px solid #345487; }

.tablefill { padding: 6px;background-color: #F5F9FD;border: 1px solid #345487; }

.tablepad { padding: 6px;background-color: #F5F9FD; }

.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }

.wrapmini { float: left;line-height: 1.5em;width: 25%; }

.pagelinks { float: left;line-height: 1.2em;width: 35%; }

.desc { font-size: 10px;color: #434951; }

.edit { font-size: 9px; }

.searchlite { font-weight: bold;color: #F00;background-color: #FF0; }

#QUOTE { white-space: normal;font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #465584;background-color: #FAFCFE;border: 1px solid #000; }

#CODE { white-space: normal;font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #465584;background-color: #FAFCFE;border: 1px solid #000; }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }

.codebuttons { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }

.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }

.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF; }

.purple { font-weight: bold;color: purple; }

.red { font-weight: bold;color: red; }

.green { font-weight: bold;color: green; }

.blue { font-weight: bold;color: blue; }

.orange { font-weight: bold;color: #F90; }

Ich hoffe ihr könnt mir helfen.

Gruß

Mr. Smith

[Fabio 0]

es muss nicht unbedingt daran liegen es kann auch an denn buttons/grafiken liegen wenn die zu größ sind passiert das auch...

aber n link wäre hilfreich

[Mr.Smith 0]

Ups ja klar den Link hatte ich vergessen. Sorry

Hier der Link

Gruß

Mr.Smith

[Fabio 0]

meiner meinung liegt das einfach nur an deinen logo weil es 950x100 größ ist und es also nicht bei ner breite von 800 drauf passt ..

das ist alles

[Mr.Smith 0]

@Fabio

Danke werde ich mal kleiner machen.

Hoffe daß es das war.....

Super schnelle Antwort hier

Gruß

Mr.Smith

[Fabio 0]

du kannst noch n hintergrund im logo einfügen damit du nicht das ganze forum kleiner machen musst ...

so wie hier http://www.ipbsupport.de/board/style_images/1/tile_back.gif

[Mr.Smith 0]

@ Fabio

Gut ja passt sich dann das Logo an??

Sorry aber ich hab da keinen Durchblick mit den Logogeschichten.

Gruß

Mr.Smith

[Fabio 0]

nein nicht direckt es wir nur eine grafik hintereinandergereit ...

in der breite von der auflösung...

Edit : also brauchst du in deinen fall nur eine schwarze grafik und du musst des logo zentrieren..

Edited January 10, 2004 by Fabio

[Mr.Smith 0]

Ähm du hast ja meine Seite gesehen,wie soll ich dann das mit dem Logo machen.

Kannst du mir da helfen??

Gruß

Mr.Smith

[Fabio 0]

naja du ersetzt in den templers unter global html elements unter header

des

<!--IBF.BANNER-->

<div id="logostrip">

mit dem

<!--IBF.BANNER-->

<div id="logostrip" align="center">

und ladst ein schwarzes bild

da

http://planet-zion.de/style_images/1/tile_back.gif hoch

das ist am einfachsten ....

[Mr.Smith 0]

@ Fabio

Also nochmals danke für deine Hilfe,hatt mir schon ein ganzes Stück weitergeholfen.

War eigentlich logisch,bin aber irgendwie festgehangen.

Gruß

Mr.Smith

[Cheffe 0]

danke, hat mir 2 jahre später auch geholfen :D