Toon posts:

[XHTML/CSS] Schaalbaar element in vaste lay-out

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben bezig met een opdracht voor een bedrijf hier in de buurt. Hun oude site was hoognodig toe aan verbetering, maar mocht niet teveel kosten - je kent het wel... Dus ik heb een vrij basic lay-out gemaakt, deze is goedgekeurd etc. Nu is de site bijna klaar en vraagt de klant of het mogelijk is dat het text-gedeelte meeschaalt met het venster (want 'dat is op onze oude site ook zo'...). Normaal gesproken zou dit geen probleem zijn - als ik dit van te voren had geweten. Nu achteraf krijg ik het niet meer voor elkaar, na een hele middag aanprutsen...

Het is dus de bedoeling dat het rechtertekst gedeelte (met witte achtergrond) in de breedte verkleint wordt, zodra het venster verkleint wordt. Ik zie er niet echt het nut van in, aangezien de site op alle resoluties vanaf 800x600 werkt. Maar goed, klant is koning en als ik het dus op een simpele manier kan oplossen doe ik dat natuurlijk graag. Ik ben er echter bang voor dat ik de hele lay-out opnieuw zal moeten maken - iets waar ik weinig zin in heb en wat dus ook weer extra kosten voor de klant als gevolg zou hebben.

Iemand enig idee hoe ik dit kan oplossen ? Aangezien ik de site een vaste breedte van 740px heb gegeven kan ik denk ik niet werken met een element wat meeschaalt ? Ik heb al geprobeerd om de rechter-content div een procentuele breedte mee te geven - dit heeft echter geen zin (aangezien de sit e dus een vaste breedte heeft en het % dus niet veranderd). Is er een simpele oplossing voor of zal het toch neerkomen op het helemaal omgooien van de opbouw ?

De url: http://www.pimderks.com/nbg/
De oude site: http://www.nbg-it.nl

  • Technicality
  • Registratie: Juni 2004
  • Laatst online: 19-10-2025

Technicality

Vliegt rechtsom...

Wil die klant het groter of kleiner hebben? Want als het kleiner moet zal die linkerbalk eigenlijk ook mee moeten schalen, net als de menubalk (hoewel die dan weer menu-items onder elkaar kan hebben).
Ik snap zelf niet waarom je zowel .right als .left uit de flow haalt. 1 Is genoeg. Dus als je je linker div een float: left meegeeft en dan de rechter alleen maar margin-left: <breedte van linkerdiv + eventuele afstand> kun je de margin-right variëren.
Als je dan geen width meegeeft aan die rechterdiv, wordt ie automatisch fluid ten opzichte van het parent-element. In dit geval is dat nog de
(Je moet dus wel zorgen dat die container div ook meeschaalt naar het einde van het scherm (of een bep. margin)

Iets anders: let op de naamgeving en redundancy van je elementen. Een div met een id en een class van dezelfde naam, waarvan de class ook nog eens nergens anders gebruikt wordt? Een div die "right" heet, of columns of adress1/2/3 zijn niet veelzeggend voor de inhoud. Dat jij in dit geval besloten hebt die op een bepaalde plaats neer te zetten zegt natuurlijk niks over de inhoud van dat element.