[LØST] Hvordan sentrere banner i IPB-forum?

[Surfern]

Opprinnelig overskift var: IPB-forum vises ikke riktig i Firefox og Opera

Har fått fikset dette, nytt spørsmål i innlegg postet kl. 13:57 lenger ned.

 

Er delaktig på drift av et IPB-diskusjonsforum, hvor vi erstattet standardbanneret med et som var dobbelt så høyt. Dette skulle imidlertid vise seg å ikke fungere 100% i alle nettlesere.

 

Siden fungerer upåklagelig slik hensikten var i Internet Explorer (IE6 SP2):

http://home.loqal.no/~erikeinu/forum/IE-utlogget.jpg

http://home.loqal.no/~erikeinu/forum/IE-innlogget.jpg

 

 

Imidlertid er det en del problemer i Firefox (v1.5.0.3):

http://home.loqal.no/~erikeinu/forum/FF-utlogget.jpg

Teksten "www.******.com Reglement for Forum @ ******.com" er skjult bak bannerets nedre del.

Teksten "Welcome Guest ( Log IN | Register )" ligger foran banneret.

 

http://home.loqal.no/~erikeinu/forum/FF-innlogget.jpg

I tillegg til det som skjules bak banneret før innlogging kommer også teksten "Logged in as: ****** ( Log out)" bak banneret.

Linkene til høyre kommer delvis foran banneret. I 1024-oppløsning kommer begge linjene til høyre foran banneret.

 

 

Og særlig bedre er det heller ikke i Opera (v8.54):

http://home.loqal.no/~erikeinu/forum/O-utlogget.jpg

Teksten "www.******.com Reglement for Forum @ ******.com" ligger foran banneret.

Teksten "Welcome Guest ( Log IN | Register )" ligger foran banneret.

 

http://home.loqal.no/~erikeinu/forum/O-innlogget.jpg

I tillegg til det som ligger foran banneret før innlogging kommer også teksten "Logged in as: ****** ( Log out)" foran banneret.

Linkene til høyre kommer delvis foran banneret. I 1024-oppløsning kommer begge linjene til høyre foran banneret.

 

 

Vi har planlagt å legge forumet inn i en ca 1000 pixler bred sentrert iframe, slik at brukere med oppløsning på høyere enn 1024 får "luft" på sidene av forumet. Av denne grunn er ikke banneret vårt laget i full bredde (i Internet Explorer ser det ut som det er full bredde på det, men Firefox og Opera viser den reelle bredden på billedfila). Skjermdumpen er tatt på 1280 pixlers bredde, og "barbert" litt på sidene av banneret. Når vi gjør forumet smalere enn disse skjermdumpene viser vil det i Firefox og Opera bli ytterligere problemer med linkene til høyre enn det er idag.

 

Noen tips til hvordan vi skal få siden til å virke i Firefox og Opera? I hvilken fil må vi endre hva? Vi vil helst ha muligheten til å ha et banner med annen høyde enn standard, men om dette slett ikke går så må vi selvsagt gå ned til standard bannerhøyde igjen.

Endret 17. mai 2006 av GranTurismo

[arthoz]

Det er vel helst i Opera og FF det vises riktig

 

Du må vel fikse litt på CSS'n (evnt html) for å få det til å virke, jeg aner ikke, vanskelig å finne ut av ting med kun bilder. ^^;

[Surfern]

Firefox og Opera viser sikkert siden slik den er kodet i CSS/html, mens IE klarer å tilpasse seg. Så strengt tatt har du rett idet du sier.

 

Det var den andre adminen som laget banneret, og når det var ferdig fikk vi tilbakemelding på at det ikke funket i Firefox. Jeg aner ikke om han har sett på kodingen eller kun brukt Admin KP og lastet opp nytt bilde. Driver og henter ned forummappa fra serveren for å lete etter filer som inneholder filnavnet til banneret nå.

 

Edit: Fant 3 css-filer hvor filnavnet var nevnt. I disse filene stod det også høyde på "logostrip" og "logographic" lik 68 pixler. Prøvde å endre dette til 136 pixler som logoen er, men det utgjorde ingen forskjell...

 

Edit2: Har nå prøvd å både endre i de 3 css-filene + lagt inn en tile_back.gif i dobbel høyde. Men fortsatt er det likedan.

Endret 16. mai 2006 av GranTurismo

[Surfern]

Med litt samarbeid og tankevirksomhet fikk vi det til ved å endre css i admin kontrollpanel istedet for manuelt i fila.

 

Neste spørsmål er da hvordan jeg får banneret sentrert i css? Jeg ønsker at de med høy oppløsning skal få det midt på, med litt "luft" på hver side istedet for mye "luft" på høyresida.

 

Koden er slik i css-fila:

#logographic{
background: transparent url(<#IMG_DIR#>/logo4.gif) no-repeat left;
height: 136px;
margin: 0;
padding: 0;
}

 

Edit: Løsningen lå ikke i logographic, men i logostrip. For andre som måtte lure på det, dette løste det:

#logostrip{ 
background: #3860BB url(<#IMG_DIR#>/tile_back.gif);
border: 1px solid #FFF;
height: 136px;
margin: 0;
text-align: center;
padding: 0;
}

Endret 17. mai 2006 av GranTurismo