Archief - HTML: probleem met hoogte tabel bij teveel inhoud

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

-fusi0n-

Legacy Member
hallo

ik heb de search gebruikt maar ik vond niet echt een toepasselijke oplossing

dit is dus de pagina:
http://www.aries.be/new/index.htm

en zo ziet hij eruit als er veel inhoud op zou staan:
http://www.aries.be/new/index2.htm

hoe zorg ik ervoor dat enkel de cel links onder en dan de "inhoudcellen" verlengen? in plaats van dat hij overal spaties gaat tussenvoegen

vroeger gebruikte ik gewoon een inline frame maar dat wil ik niet doen bij deze pagina

alvast bedankt voor uw hulp

ps: nee, ik heb te weinig tijd om CSS te leren gebruiken :x

UnD3RD0G

Legacy Member
1 handige oplossing is, de cellen die je niet wilt laten bewegen, geef je een width en een height mee,
de cel waar de variable content inkomt, enkel een width.
vergeet ook niet aan al je cellen in dit geval een valign=top mee tegeven, zodat ze zicht niet vanzelf verticaal gaan centreren moest er iets mislopen.

dus, samengevat :

cel1 | cel2
------------
cel3 | cel4
.......|.cel4
.......|.cel4 ( ignore de puntjes )
...

cel1, 2 en 3 hebben beiden een width en height, en een valign="top"
cel4 enkel een valign=top en een with.

als je dit al doet, zalk denk ik je probleem zich al oplossen

-fusi0n-

Legacy Member
maar bij index2.htm hebben alle cellen die ik niet wil laten bewegen al height en width?

en diegenen die wél groter mogen worden, niet

edit: en met valign="top" overal erbij, doet het blijkbaar ook niet veel anders

-fusi0n-

Legacy Member
Ik heb ook alle "heights" van de spacer-cellen weggedaan,
maar ik heb het gevoel dat het wel iets met die spacers te maken heeft?

tekst in tabel > spacers rekken uit > linkse cellen rekken mee uit?

zie screenshot (in expanded tables mode)
http://www.aries.be/new/spacers.JPG


hellep mij hellep mij uit de nood :x

UnD3RD0G

Legacy Member
eerm...
sorry dat ik dit moet zeggen, maar wth staan die spacers daar te doen?
voor een mailing ofzo, kan ik misschien nog aanvaarden dat je spacers gebruikt ( en dan nog... )
maar voor een gewoone hedendaagse webpagina...?
je kan die tabel toch perfect maken zonder spacers,
denk maar eens na over de moeilijkheden dat dit gaat brengen als je ooit eens een aanpassing wilt doen...

-fusi0n-

Legacy Member
ja photoshop vond da precies persé nodig die spacers :)
(zoals je kon lezen in een thread over een vorig probleem heb ik gewoon layout gemaakt in photoshop en dan gesliced en wat aangepast)

ma kben al de hele dag CSS positioning aant bestuderen, ik geef het een kans
ik weet alleen niet goed hoe ik eraan moet beginnen

ik veronderstel dat je niet gewoon begint met de image linksboven en zegt
"waar zullen we deze eens zetten?"

maar dat je eerst gaat uittekenen hoeveel divs enzo je nodig hebt?
ik vind overal wat boxes betekenen en absolute/relative positioning etc

maar nergens een werkwijze van hoe je een layout deftig indeeld in verschillende delen om deze dan in divs enzo te plaatsen

of snap ik het gewoon nog niet goed? :D

orez

Legacy Member
-fusi0n- zei:
ja photoshop vond da precies persé nodig die spacers :)
(zoals je kon lezen in een thread over een vorig probleem heb ik gewoon layout gemaakt in photoshop en dan gesliced en wat aangepast)

ma kben al de hele dag CSS positioning aant bestuderen, ik geef het een kans
ik weet alleen niet goed hoe ik eraan moet beginnen

ik veronderstel dat je niet gewoon begint met de image linksboven en zegt
"waar zullen we deze eens zetten?"

maar dat je eerst gaat uittekenen hoeveel divs enzo je nodig hebt?
ik vind overal wat boxes betekenen en absolute/relative positioning etc

maar nergens een werkwijze van hoe je een layout deftig indeeld in verschillende delen om deze dan in divs enzo te plaatsen

of snap ik het gewoon nog niet goed? :D

veel divs heb je niet nodig.
Divs bepalen de grote structuur van uw site.

1 container (indien ge uw site wilt centreren)

Die container bevat dan

1 header div
1 content div
1 footer div

en optioneel een menu div (als deze links/rechts van uw content komt te staan, of op een andere positie, die niet onderaan/bovenaan uw header is / boven uw content)

De rest van de elementen zijn gewoon paragrafen, headings, images...
Al deze elementen kunde ook zeer eenvoudig positioneren.

Zeker niet denken dat voor alles divs nodig zijn.

UnD3RD0G

Legacy Member
ziet er basis gewijs goed uit, maar alleen klopt de header - menu niet.

een div kan niet groter zijn dan de div waar hij inzit

maw :
als uw menudiv zo in uw headerdiv zit, is uw headerdiv in grote eveng root als de bottom van uw menudiv, snappie? :)

-fusi0n-

Legacy Member
http://www.aries.be/new/css

zit ik op de goeie weg? :love:
(zie code ivm met images enzo --> of is dat niet de bedoeling...?)


edit: ik zie net dat in FF die content en footer niet op de juiste plaats worden weergegeven :( why?

-fusi0n-

Legacy Member
UnD3RD0G zei:
ziet er basis gewijs goed uit, maar alleen klopt de header - menu niet.

een div kan niet groter zijn dan de div waar hij inzit

maw :
als uw menudiv zo in uw headerdiv zit, is uw headerdiv in grote eveng root als de bottom van uw menudiv, snappie? :)

ja da ligt gewoon even aan paint :p de bedoeling was goed

orez

Legacy Member
footerdiv dient ook onder uw menudiv te komen, best met clear:both op toegepast, anders kunt ge rare taferelen tegen komen.

@Underdog, waarom zou da ni kunnen? Divs kunde namelijk ook over elkaar leggen...

@ fusion waarom redelijk simpel.

Verdubbel uw margin eens.
Tis IE die het niet correct weergeeft, IE heeft last van een double margin bug. (waardoor het goed lijkt)
www.positioniseverything.net voor meer info over css bugs in verschillende browsers.

Xavez

Legacy Member
UnD3RD0G zei:
ziet er basis gewijs goed uit, maar alleen klopt de header - menu niet.

een div kan niet groter zijn dan de div waar hij inzit

maw :
als uw menudiv zo in uw headerdiv zit, is uw headerdiv in grote eveng root als de bottom van uw menudiv, snappie? :)
Indien de positionaing absolute is wel he ;)

-fusi0n-

Legacy Member
double margin probleem is OK

maar die footer krijg ik echt niet goed :help:
ben al 2uur aan het prutsen met die footstickalt enzo, vanalles geprobeerd,
maar het lukt me echt niet

IE:
footer staat onder header

FF:
footer staat onderaan, maar als je resize & scrolt staat hij helemaal verkeerd


http://www.aries.be/new/css dus

(en ja, ik heb de search al gebruikt op footerstickalt / footer / ...)



edit: ik start even een nieuwe thread, want de naam van deze thread heeft niet veel meer te maken met het huidige probleem

oplossing voor deze thread was dus: C S S :p

bedankt, mag dicht

UnD3RD0G

Legacy Member
orez, je kan dat inderdaad, maar dan moet je al wat inzicht hebben in positionering met divs, en css mogenlijkheden.

In deze thread blijkt duidelijk dat Fusion css pas leert gebruiken, en lijkt het mij logisch om het wat simpel te houden, maar ja, je hebt gelijk...
je kan divs plaatsen over, in en op elkaar hoe je het wil... als je maar genoeg css kent :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan