Sat4all layout aangepast?

[Michel]

Ik zie het al...

[Gast Fretsat]

Voeg eens width: 100%; toe aan .tbt-middle en .tbb-middle

[Michel]

Die staan toch al in de wrapper?

[Michel]

Ik heb ze evengoed toegevoegd, maar ook dat lijkt niet te werken.

 

Ik heb je een css export met wrappers gemaild.

 

Misschien kan je daar eens in kijken.

 

Ik kan die export niet importeren, dus moet eventuele wijzigingen wel handmatig invoeren.

 

Mvg,

 

Michel

[Gast Fretsat]

Zet het maar in de CSS dan is het opgelost. Die width setting in de <td> wordt niet naar gekeken bij die webkit browsers.

[Michel]

Dat heb ik al gedaan, maar werkt ook niet.

 

Ik zal de middle with uit de wrappers weghalen zodat ze alleen nog in de css staan, maar als het klopt wat jij zegt, zou de width in de left en right ook niet werken en krijgen we het dus nooit werkend in safari en chrome.

 

Mvg,

 

Michel

[Gast Fretsat]

Ik heb dit nu correct werkend op alle browsers. Maak van de 100%; in de twee middle classes eens 100px;

 

De andere aanpassingen (width: 21px; zo laten).

[Gast Fretsat]

Citaat:

Ik zal de middle with uit de wrappers weghalen zodat ze alleen nog in de css staan, maar als het klopt wat jij zegt, zou de width in de left en right ook niet werken en krijgen we het dus nooit werkend in safari en chrome.

Vergeet niet dat de width op de <td> tag staat/stond iets anders is dan de width die je in een CSS style zet.

[Michel]

.tbt-left {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/top_lf_1.gif');

margin: 0px;

padding: 0px;

}

.tbt-right {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/top_rt_1.gif');

margin: 0px;

padding: 0px;

}

.tbt-middle {

height: 7px;

width: 100px;

background: url('/forums/images/sat4all/top_frosted3.gif') repeat-x bottom;

margin: 0px;

padding: 0px;

}

 

.tbb-left {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/bottom_frosted1.gif');

margin: 0px;

padding: 0px;

}

.tbb-right {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/bottom_frosted2.gif');

margin: 0px;

padding: 0px;

}

.tbb-middle {

width: 100px;

background: url('/forums/images/sat4all/bottom_frosted3.gif') repeat-x top;

margin: 0px;

padding: 0px;

}

 

 

Maar dat werkt niet goed (in geen enkele browser).

[Michel]

Het lijkt wel degelijk in de 'middle' te zitten, want als ik die op 1px zet is hij maar heel small, en zet ik hem op 2000px wordt hij wel heel breed maar ziet dat er in safari wat vreemd uit.

 

Mvg,

 

Michel

[Gast Fretsat]

Een hele mooie optie is om die background images helemaal weg te laten. Ziet het er eens stuk strakker uit ook.

 

Heb je nog even een screenshot gestuurd waarbij je zie dat het dan in Safari wel OK is.

[Michel]

Het is nu opgelost. Ook op een Mac, op een iPhone/iPad en bij bezoekers die Chrome gebruiken zien die randen er nu goed uit.

 

Bedankt Fretsat voor al je hulp!

 

Mvg,

 

Michel

[grunnsat]

Misschien is het verstandig om een validatorprogramma te gebruiken? Dat wijst je direct op de fouten. Kijk eens bij w3.org.

[joker55]

Zo ziet het er nu uit met IE8, in WIN-XP pro

 

[hemertje]

nu we toch de site aan het optimaliseren zijn:

 

ongelezen berichten worden "gelezen" wanneer je een subforum vernieuwd na een bepaalde tijd zonder deze berichten echt gelezen te hebben... dit met FF.