[xhtml] content horizontaal scrollen mét banner

[seweso]

Ik wil zonder frames én zonder javascript in xhtml formaat een pagina maken met een simpele banner met content die verticaal én horizontaal te scrollen is. Ik loop tegen dit probleem aan als ik een simpele banner wil maken boven een pagina waarbij er in de pagina allerlei content kan staan. Er staan hier veel topics waar beweerd word dat je alles zonder frames kan doen en beter (beheersbaarder, sneller en makkelijker te onderhouden), maar een vergelijkbaar probleem word nergens genoemd c.q. opgelost.

Kijk naar deze pagina als je wil zien wat ik precies wil.

Het lijkt erop dat de tabel zichzelf onafhankelijk van de ingestelde breedte aanpast aan de content. Wat een welbekend probleem is en wat ook optreed bij aaaaaaaaaaaaaaaaaaa teksten. Bij mij bestaat de content niet alleen uit tekst.

Ik zoek dus een nette oplossing voor mijn probleem, geen workaround. Als ik de hele opbouw van de pagina moet omgooien vind ik het ook best ... als het maar werkt .

(het zou browser onafhankelijk moeten worden maar ik werk momenteel met ie6)

[Verwijderd]

Anne denkt dat je beter niet met tabellen kunt gaan werken, zeker als je het een beetje 'correct' XHTML wilt hebben.

Daarnaast kun je gewoon een DIV in de hoek floaten een vaste hoogte en breedte geven en dan de overflow property erop loslaten. Zoiets:

code:

div#banner{
 height:20em;
 width:15em;
 overflow:auto;
}

[seweso]

Verwijderd schreef op 23 februari 2004 @ 16:33:
Anne denkt dat je beter niet met tabellen kunt gaan werken, zeker als je het een beetje 'correct' XHTML wilt hebben.

Daarnaast kun je gewoon een DIV in de hoek floaten een vaste hoogte en breedte geven en dan de overflow property erop loslaten. Zoiets:

code:

div#banner{
 height:20em;
 width:15em;
 overflow:auto;
}

Gaat de normale content daar niet onderdoor dan? En hoe zit het met de scrollbars?

[ Voor 32% gewijzigd door seweso op 23-02-2004 16:43 ]

[Verwijderd]

Scrollbars zijn geregeld door 'overflow:auto', stop er maar is wat inhoud in. Wellicht tijd om wat CSS te leren? ( http://htmldog.com/ )

[seweso]

Verwijderd schreef op 23 februari 2004 @ 16:42:
Scrollbars zijn geregeld door 'overflow:auto', stop er maar is wat inhoud in. Wellicht tijd om wat CSS te leren? ( http://htmldog.com/ )

Eeh heb je mijn voorbeeld wel bekeken?

En het is sowieso een onzin oplossing omdat je een div maakt voor de banner en vervolgens daar overflow op los laat! Scrollbars wil ik bij de content niet in de banner.

[disjfa]

1. waarom moet de banner altijd te zien zijn.
2. ff zoeken naar div position fixed.

omdat ik vandaag weer een keer niets te doen heb heb ik zelf lekker op de searchknop geramt:
http://devnull.tagsoup.com/fixed/

[ Voor 44% gewijzigd door disjfa op 23-02-2004 16:48 ]

[seweso]

disjfa schreef op 23 februari 2004 @ 16:46:
1. waarom moet de banner altijd te zien zijn.
2. ff zoeken naar div position fixed.

1. Dan raak je hem niet zo snel kwijt, en ja als het teveel moeite is dan laat ik hem wel vrolijk wegscrollen. Maar dat zou ook betekenen dat frames een voordeel hebben op geen frames en dat zou niet moeten.

2. Ja die richting ging ik ook al op denken, nu nog de oplossing


Maar als iemand heel erg anti-frames is dan vind ik dat die ook wel met een oplossing mag komen!

[ Voor 10% gewijzigd door seweso op 23-02-2004 17:11 ]

[CrashOne]

Het kan wel, met een hele nette oplossing, alleen werkt dat weer niet in IE.
Zie:
http://www.w3.org/Style/CSS/

[disjfa]

seweso schreef op 23 februari 2004 @ 16:48:
[...]
Maar als iemand heel erg anti-frames is dan vind ik dat die ook wel met een oplossing mag komen!

die post ik net klik een keer op die link zou ik zeggen....

[Verwijderd]

Maar als iemand heel erg anti-frames is dan vind ik dat die ook wel met een oplossing mag komen!

Lekkere makkelijke manier om iemand anders het werk te laten doen.

[seweso]

disjfa schreef op 23 februari 2004 @ 17:16:
[...]

die post ik net klik een keer op die link zou ik zeggen....

Misschien dat dit het verklaart:
disjfa wijzigde dit bericht 23-02-2004 16:48
seweso schreef op 23 februari 2004 @ 16:48

Verwijderd schreef op 23 februari 2004 @ 17:16:
[...]
Lekkere makkelijke manier om iemand anders het werk te laten doen.

Verder heb ik het 'hele' internet al af lopen zoeken naar de oplossing, en hier op got kwam ik alleen halve oplossingen en topics over dat je frames niet nodig hebt. Ik kan ook zo'n topic heractiveren voor deze vraag...

[disjfa]

seweso schreef op 23 februari 2004 @ 19:14:
[...]
Verder heb ik het 'hele' internet al af lopen zoeken naar de oplossing, en hier op got kwam ik alleen halve oplossingen en topics over dat je frames niet nodig hebt. Ik kan ook zo'n topic heractiveren voor deze vraag...

Ik ben het er stiekum wel een beetje mee eens dat dit nog een beginnende vraag is. Die link heb ik pas iets van 4 a 5 keer gepost en andere nog een paar keer ipv de andere soortige topics waarvan er al tig zijn.

Verder wel een hint bij die link, opera werkt er niet erg goed mee. even goed op de paddings en de margins letten.

[Verwijderd]

In mijn tests ( http://www.limpid.nl/lab/css/fixed/ ) werkt Opera prima (net nog even getest met Opera7.5)

@TS, klopt het dat je zoiets: http://www.limpid.nl/lab/css/fixed/h zoekt?

(Ik heb ook nog een paar "fixed in IE" tests met als het ware "3 frames", maar die staan niet online, ik moet nog een keer alles even bijwerken)

[seweso]

Verwijderd schreef op 24 februari 2004 @ 07:25:
In mijn tests ( http://www.limpid.nl/lab/css/fixed/ ) werkt Opera prima (net nog even getest met Opera7.5)

@TS, klopt het dat je zoiets: http://www.limpid.nl/lab/css/fixed/h zoekt?

(Ik heb ook nog een paar "fixed in IE" tests met als het ware "3 frames", maar die staan niet online, ik moet nog een keer alles even bijwerken)

De link die je geeft heeft last van precies hetzelfde probleem welke ik juist wil oplossen...dus nee.

TS installeert ff netscape en opera...

[Verwijderd]

Wat is je probleem precies? (de kern) (graag heel precies uitleggen)

[seweso]

Testen van http://www.limpid.nl/lab/css/fixed/h levert het volgende op:

IE: Bij verkleinen (horizontaal) verdwijnt de verticale scrollbar.
Opera: Horizontale scrollbar verschijnt niet, en de verticale scrollbar begint vreemd genoeg helemaal bovenin.
NS: Werkt goed, behalve dat de verticale scrollbar hier ook te hoog begint.

In plaats van de voorbeeld content heb ik even echte content gebruikt, hierdoor word hopelijk duidelijk waarom ik die horizontale scrollbar nodig heb:

http://test.seweso.com/test6.html (inlogscherm kun je negeren)

[ Voor 4% gewijzigd door seweso op 24-02-2004 09:16 . Reden: inlogscherm ]

[disjfa]

welke opera en welke netscape heb je dan? in opera 7.11++ werkt dat voorbeeld van anne nl perfect

en netscape, tsja ik weet niet eens meer wie daarmee testen. mischien is mozilla een mooi alternatief. of firefox. _{de browsers die nu gebruikt worden....}

[rvrbtcpt]

Deze : http://www.limpid.nl/lab/css/fixed/h
werkt in FireFox 0.8 zonder problemen.

[ Voor 1% gewijzigd door rvrbtcpt op 24-02-2004 09:25 . Reden: typo ]

[seweso]

disjfa schreef op 24 februari 2004 @ 09:16:
welke opera en welke netscape heb je dan? in opera 7.11++ werkt dat voorbeeld van anne nl perfect

en netscape, tsja ik weet niet eens meer wie daarmee testen. mischien is mozilla een mooi alternatief. of firefox. _{de browsers die nu gebruikt worden....}

Eigenlijk hoef ik alleen naar IE te kijken, daar zal geen haan naar kraaien. Ik dacht: ik gebruik xhtml 1.0 strict, css 2.0 en ik hoef me geen zorgen meer te maken over browsers. Daarnaast kun je dan bijvoorbeeld geen frames gebruiken maar iedereen schreeuwt van hoog naar laag dat die niet nodig zijn... Ik ben gewoon wat naief denk ik

Ik kan ook concluderen dat horizontaal scrollen not-done is (ik heb me daarin laten inspireren door http://gids.omroep.nl).

[drm]

disjfa:
en netscape, tsja ik weet niet eens meer wie daarmee testen. mischien is mozilla een mooi alternatief. of firefox. _{de browsers die nu gebruikt worden....}

De engine van Netscape 7.1 is dus gewoon dezelfde als die Mozilla 1.4, dus zo gek is dat helemaal niet.

Netscape 7.1
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4) Gecko/20030624 Netscape/7.1 (ax)

---

seweso:
Eigenlijk hoef ik alleen naar IE te kijken, daar zal geen haan naar kraaien. Ik dacht: ik gebruik xhtml 1.0 strict, css 2.0 en ik hoef me geen zorgen meer te maken over browsers. Daarnaast kun je dan bijvoorbeeld geen frames gebruiken maar iedereen schreeuwt van hoog naar laag dat die niet nodig zijn... Ik ben gewoon wat naief denk ik

Ik zou niet weten waarom je voor zo'n eenvoudig probleem niet gewoon voor frames zou kiezen. Je maakt het je alleen maar moeilijker dan het is. En dat css 2.0 geen problemen op zou leveren is een fabeltje, juist als je je druk moet maken om IE (helaas moeten we dat allemaal). We raken zo langzamerhand weer in hetzelfde schuitje als destijds met Netscape 4.x; een veel gebruikte browser die zo oud als je kale oma is.

Ik kan ook concluderen dat horizontaal scrollen not-done is (ik heb me daarin laten inspireren door http://gids.omroep.nl).

Horizontaal scrollen kan best functioneel zijn, tenzij dat betekent dat je tijdens het lezen moet scrollen. Dat is eigenlijk de vuistregel.

[seweso]

Okee het kan dus niet.

Ik voeg wel speciaal voor IE een javascriptje toe

[seweso]

seweso schreef op 24 februari 2004 @ 11:47:
Okee het kan dus niet.

Ik voeg wel speciaal voor IE een javascriptje toe

Ik heb de volgende javascript gemaakt als oplossing voor het probleem:

code:

function resizediv(){
  sObj = document.getElementById("resizediv")
  sObj.style.width = "" + document.body.clientWidth + "px";
}                 
window.onload = resizediv;
window.onresize = resizediv;