hjelp til sentrering av tekst ved bruk av include

[tulling03]

Hei jeg trenger litt hjelp til sentrering av tekst. Jeg har en gjestebok som jeg integrerer i sidene mine ved bruke av include.

 

Nå vil jeg endre desigent på sidene mine og da endrer gjesteboken seg, tekten blir midstilt uten at jeg gjør noe annet enn include her også?

 

Håper dere skjønner hva jeg mener, har lagt ved 2 screenshot for å vise problemet..

 

 

Slik ser den ut nå, alt er såre vel (teksten i gjesteboken holder seg til venstre):

 

Slik blir et med det nye designet, alt blir midtstilt????

 

[tulling03]

Her er forresten CSS filen for det nye designet. Det er sikkert weebox3 som er problet for det er her jeg bruker include php. Men jeg kan ikke finne noe gale, så derfor sender jeg hele CSS filen. Tipper den eksterne gjesteboken har sitt eget CSS, men hvorfor blir det ikke make i det gamle og det nye desigent??

 

body {

font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;

color: #000000;

background: url(../i/bdybg.jpg) #5A656B repeat-x;

margin: 0 0 20px 0;

padding: 0px;

text-align: center;

}

 

h1, h2, h3,  {

font-weight: normal;

color: #000000;

}

 

h4 {

font-weight: bold;

color: #FFFFFF;

font-size: 10px;

}

 

ul li {

padding: 0 0 0 17px;

margin: 0 170px 5px 0;

background: url(../i/libul.gif) no-repeat;

line-height: 1.3em;

text-align: justify;

 

}

 

#wrapper {

text-align: left;

width: 700px;

margin: 0 auto;

padding: 0;

border-right: 1px solid #45494B;

border-bottom: 6px solid #45494B;

border-left: 1px solid #45494B;

}

 

#header {

background: url(../i/highflyers.jpg);

height: 120px;

width: 700px;

margin: 0px;

padding: 0px;

}

 

#mnhead {

color: #000000;

font-weight: normal;

background: url(../i/hbul.gif) no-repeat left center;

padding: 0px 0px 0px 18px;

margin: 20px 0 0 0;

letter-spacing: 0.3em;

text-indent: 1em;

border-bottom-color: #666666;

border-left-color: #FFFFFF;

border-right-color: #666666;

border-top-color: #FFFFFF;

border-bottom-style: none;

}

 

#mnhead2 {

color: #000000;

font-weight: normal;

padding: 0;

margin: 0;

text-indent: 1em;

border-bottom: 1px solid #CFEC78;

}

 

#nav {

width: 700px;

height: 38px;

margin: 0;

padding: 0;

border-bottom: 4px solid #45494B;

background: url(../i/navbg.jpg) repeat-x;

}

 

#nav ul {

margin: 0 0 0 40px;

padding: 0;

}

 

#nav li {

margin: 0;

padding: 0;

display: inline;

list-style-type: none;

}

 

#nav a:link, #nav a:visited {

float: left;

padding-top: 12px;

padding-bottom: 12px;

margin: 0 12px 0 7px;

font-size: 10px;

font-weight: bold;

text-decoration: none;

color: #FFFFFF;

}

 

#nav a.selected:link, #nav a.selected:visited, #nav a:hover {

border-top: 4px solid #9DAE6E;

border-bottom: 4px solid #45494B;

padding-top: 8px;

padding-bottom: 8px;

color: #333333;

}

 

#nav a:hover {

color: #000000;

}

 

#contentwrap {

background: url(../i/boxbg.gif) #99A1A5;

margin: 20px;

}

 

#contentop div {

background: url(../i/tl.gif) no-repeat top left;

}

 

#contentop {

background: url(../i/tr.gif) no-repeat top right;

}

 

#contentbot div {

background: url(../i/bl.gif) no-repeat bottom left;

}

 

#contentbot {

background: url(../i/br.gif) no-repeat bottom right;

}

 

#contentop div, #contentop, #contentbot div, #contentbot {

height: 20px;

font-size: 1px;

}

 

#content {

margin: 0 20px;

}

 

#weebox {

background: url(../i/weetop.gif) #E4E9D5 no-repeat left top;

padding: 8px 0 0 0;

margin: 20px 20px 20px 0;

width: 350px;

float: left;

}

 

#weebox h3 {

display: none;

}

 

#weebox p {

background: url(../i/weebottom.gif) no-repeat right bottom;

font-size: 11px;

line-height: 15px;

margin: 15px 0 0 0;

padding: 10px 10px 20px 10px;

}

 

#weebox img {

margin: 16px 0 0 0;

padding: 20px 10px 0 10px;

}

.style1 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

font-style: normal;

font-weight: bold;

text-decoration: underline;

color: #000000;

border-top-color: #FFFFFF;

border-right-color: #FFFFFF;

border-bottom-color: #FFFFFF;

border-left-color: #FFFFFF;

border-color: #FFFFFF;

background-color: #C8D1AD;

}

.style2 {

 

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

font-style: normal;

font-weight: bold;

text-decoration: none;

color: #000000;

}

#weebox2 {

padding: 0 0 0 10px;

margin: 20px 20px 20px 0;

width: 500px;

float: left;

background-color: #D4D0C8;

border-top-color: #C6CFAA;

border-bottom-color: #C6CFAA;

border-top-width: thick;

border-bottom-width: thick;

border-bottom-style: solid;

border-top-style: solid;

 

}

.style3 {

 

 

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 24px;

font-style: normal;

font-weight: normal;

text-decoration: none;

color: #000000;

}

.style4 {

 

 

 

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 18px;

font-style: normal;

font-weight: bold;

text-decoration: none;

color: #000000;

}

#weebox3 {

 

padding: 10px 10px 10px 10px;

margin: 20px 20px 20px 0;

width: 500px;

float: left;

background-color: #D4D0C8;

border-top-color: #C6CFAA;

border-bottom-color: #C6CFAA;

border-top-width: thick;

border-bottom-width: thick;

border-bottom-style: solid;

border-top-style: solid;

}

[Haraldson]

Har du prøvd noe så banalt enkelt som å legge til text-align: left; i CSS på den diven/whatever som gjesteboka inkluderes i?

[tulling03]

Belager at jeg er teit her, men mener du inne i weebox 3 slik at den blir slik:

 

#weebox3 {

 

text-align: left

padding: 10px 10px 10px 10px;

margin: 20px 20px 20px 0;

width: 500px;

float: left;

background-color: #D4D0C8;

border-top-color: #C6CFAA;

border-bottom-color: #C6CFAA;

border-top-width: thick;

border-bottom-width: thick;

border-bottom-style: solid;

border-top-style: solid;

}

 

Edit: Prøvde dette men fikk det ikke til å virke. Prøvde også uten å bruke include i en div, men resultatet ble det samme??? Skjønner ingenting

Endret 29. juni 2005 av tulling03

[Haraldson]

Finnes det noen grunn til at du ikke gir oss en link til sida? Vanskelig å hjelpe deg uten å se sida.

[tulling03]

Sorry for det...

 

Her er siden slik den er i dag og hvor alt virker: LINK

 

Her er TESTsiden med det nye designet som ikke virker: LINK 2

[Haraldson]

Var ikke problemet at teksten i gjesteboka ble midtstilt? Ser venstrestilt ut for meg.

[tulling03]

Var ikke problemet at teksten i gjesteboka ble midtstilt? Ser venstrestilt ut for meg.

Det er den ikke hos meg. Den ser den ut slik som på bilde 2 i første posten .

Endret 29. juni 2005 av tulling03

[Jesper Karsrud]

Prøvd å tømme cache?

[tulling03]

Ja! Seriøst, er den venstrestilt i Opera eller Firefox?? For den er det IKKE hos meg (IE)

[Jesper Karsrud]

Den er venstrestilt her i FF, men den ser fortsatt ikke ut...

[tulling03]

Hmm, nå skjønner jeg ingenting.

 

Ser DENNE bedre ut...??

[Jesper Karsrud]

Jepp jepp, der hadde du fått fikset det problemet i hvertfall Og teksten er fortsatt vernstrestilit

[tulling03]

...men ikke i IE.

 

Finnes det noen løsning (uten om å bruke FF).

Den funker tross alt godt i IE i det designet jeg har nå: http://www.hjemme.no/highflyers/hoved/bok.php