[html] uitrekkendecellen

[Creesch]

Ik heb een klein probleem met iets waarmee ik bezig ben en ik krijg het maar niet opgelost.
Ik heb een tabel gemaakt met links verschillende cellen met navigatie spullen etc en rechts een tabel met de content.

Nu is er het probleem dat de kleine cellen enorm vervormt worden als er teveel content rechts komt te staan.
Ik dacht ik dat op te lossen door 1 lege cel te maken zonder vaste hoogte en de rest van de cellen een vaste grote mee te geven, zodat de lege cel als enig zou uitrekken.
Het probleem is nu dat dat niet werkt in Internet Explorer, in mozilla werkt het perfect maar met internet explorer dus niet.

weinig content
http://www.vanallesiets.com/dev.php?id=2

veel content
http://www.vanallesiets.com/dev.php?id=6

Zo ziet het eruit in IE
http://www.vanallesiets.com/pof/kijk.jpg

Het is mischien iets heel stoms wat ik nu over het hoofd zie, maar ik kom er dus even niet uit

[Verwijderd]

De 1e kolom (tabel) een hoogte van 1 pixel opgeven. Hiermee geef je aan dat hij altijd zo klein mogelijk moet blijven.

[Verwijderd]

je hebt hier allerlei oplossingen voor zoals gebruik maken van spacers en meer van dat soort ranzge dingen

punt is dat tabellen niet bedoelt zijn voor het weergeven van layout, maar voor het weergeven van tabulaire data. Opmaak doe je met div's en css. enkele voorbeelden: http://glish.com/css/

dit zorgt ervoor dat je html overzichtelijker wordt, kleiner, dus sneller te laden, bovendien hou je content en opmaak uit elkaar en kan al je zut in e stylesheet lekker gecashed worden.

Zie trouwens ook topics van andere mensen die met tabellen aan het prutsen zijn, waar standaard wordt verwezen naar het gebruik van div's (de term layers gebruiken we niet meer sinds de post van Cheatah )

[Creesch]

huhmz vind ik persoonlijk een klein beetje onzin dat tabellen niet bedoelt zijn voor de opmaak (nofi)
Tuurlijk zijn ze oorspronkelijk bedoelt voor iets anders, maar dan vraag ik me toch wel af waarom je bijna bij alles wat je tegenkomt op het gebied van webdesign tabellen worden gebruikt voor de opmaak

(en ik heb eigenlijk geen zin om te verdiepen in css )

Maargoed niemand heeft hier dus een (werkende) oplossing voor ?

Dan zal ik me maar moeten verdiepen in css

[supakeen]

craze_ schreef op 17 March 2003 @ 11:31:
Ik heb een klein probleem met iets waarmee ik bezig ben en ik krijg het maar niet opgelost.
Ik heb een tabel gemaakt met links verschillende cellen met navigatie spullen etc en rechts een tabel met de content.

Nu is er het probleem dat de kleine cellen enorm vervormt worden als er teveel content rechts komt te staan.
Ik dacht ik dat op te lossen door 1 lege cel te maken zonder vaste hoogte en de rest van de cellen een vaste grote mee te geven, zodat de lege cel als enig zou uitrekken.
Het probleem is nu dat dat niet werkt in Internet Explorer, in mozilla werkt het perfect maar met internet explorer dus niet.

weinig content
http://www.vanallesiets.com/dev.php?id=2

veel content
http://www.vanallesiets.com/dev.php?id=6

Zo ziet het eruit in IE
http://www.vanallesiets.com/pof/kijk.jpg

Het is mischien iets heel stoms wat ik nu over het hoofd zie, maar ik kom er dus even niet uit

Lijkt verdacht veel op Mozilla

Overigens is CSS echt niet zo moeilijk, en het is makkelijker om dan de lay-out van je site te bepalen, zou me er toch eens in gaan verdiepen

[Verwijderd]

craze_ schreef op 17 maart 2003 @ 21:55:
...waarom je bijna bij alles wat je tegenkomt op het gebied van webdesign tabellen worden gebruikt voor de opmaak...

Tabellen voor je opmaak zijn zo van eergisteren ....
Haal je kop eens uit het zand en inhalleer de ongekende mogelijkheden van CSS eens diep ...

_{ps. VOORUITGANG}

[ Voor 4% gewijzigd door Verwijderd op 17-03-2003 21:59 ]

[Creesch]

Verwijderd schreef op 17 March 2003 @ 21:59:
[...]


Tabellen voor je opmaak zijn zo van eergisteren ....
Haal je kop eens uit het zand en inhalleer de ongekende mogelijkheden van CSS eens diep ...

_{ps. VOORUITGANG}

Zal ik doen als ik er de tijd voor heb...damn ik heb morgen de hele dag vrij

zmn schreef op 17 maart 2003 @ 21:58:
[...]

Lijkt verdacht veel op Mozilla

Overigens is CSS echt niet zo moeilijk, en het is makkelijker om dan de lay-out van je site te bepalen, zou me er toch eens in gaan verdiepen

Isse idd mozilla, daar kreeg ik het eerst ook niet helemaal in orde en had ik al een screenshot van

edit:
owja wel zou ik nog steeds graag een oplossing willen zien

[ Voor 6% gewijzigd door Creesch op 17-03-2003 22:09 ]

[Verwijderd]

craze_ schreef op 17 March 2003 @ 21:55:
huhmz vind ik persoonlijk een klein beetje onzin dat tabellen niet bedoelt zijn voor de opmaak (nofi)
Tuurlijk zijn ze oorspronkelijk bedoelt voor iets anders, maar dan vraag ik me toch wel af waarom je bijna bij alles wat je tegenkomt op het gebied van webdesign tabellen worden gebruikt voor de opmaak

Tabellen (en frames) waren lange tijd de enige manier om een layout met kolommen te maken. Omdat er nogal wat nadelen zijn aan frames gebruikt(e) men maar tabellen, maar dit is zoiets als een schroef indraaien met een hamer.

De 'generatie 5'-browsers snappen allemaal voldoende CSS om dit overbodig te maken, maar ik denk dat de meeste designers nog wat huiverig zijn om helemaal over te stappen op een strakke scheiding van structuur en opmaak (html en css dus).

(en ik heb eigenlijk geen zin om te verdiepen in css )

Als je serieus wilt blijven designen zul je wel moeten. Zo moeilijk is het niet.

Maargoed niemand heeft hier dus een (werkende) oplossing voor ?

Dan kom ik weer terug op de tabellen. Ik heb wel even gekeken en ik spreek een aardig woordje HTML en CSS, maar zodra ik de broncode zag heb ik het venster afgesloten en ben ik wat voor mezelf gaan doen. Geen doorkomen aan zo.

Dan zal ik me maar moeten verdiepen in css

Succes! Hier heb je wat aardige tutorials:

http://www.w3schools.com/css/default.asp
http://www.bitstorm.org/edwin/cursus/css.html

En Glish natuurlijk, al genoemd

[Dark Blue]

Ik ben het eigenlijk met geestjeX eens... stap van die tabellen af. Ik ken de situatie zo goed, nog geen anderhalf jaar geleden was ik helemaal tabelverslaafd, tabel hier, tabel daar, tabel genest in elkaar...
...totdat ik erachter kwam dat je met divjes en gewone losse html een stuk verder komt en het een stuk overzichtelijker schrijft.

Maargoed, je wil nu een tabellekes oplossing. Hmm, hoe ging dat ook alweer. Heeft een cel geen overflow:hidden mogelijkheid? Ik ontwijk dit soort dingen altijd, maak het nooit zo eng dat je content breder dan je menu kán worden, maak dan iig je menuutje sizeable of je content gewoon driftig ingekort.

Je gebruikt nu een backgroundje met een dropshadow... het is mierenneuken, maar zou je die linkerkant niet los kunnen doen, en die rechterkant? En het midden geef je dan een balkje wat eeuwig naast elkaar herhaald kan worden. Kost je 1 tabel, 3 celletjes naast elkaar. Ja, en dan moet natuurlijk dat spul niet onder elkaar gaan staan... want dan heb je een lelijk effect.

Sorry, ik kom echt niet uit dit probleem. Dit zijn dingen die ik altijd al uit de weg ruim vóór ik aan het digitale gedeelte begin, als ik me iets in mn kop haal waar ik me aan het uiteinde al een doodlopende weg bij kan voorstellen, of een fikse valkuil, probeer ik het te omzeilen. Helaas dus.

[Creesch]

Verwijderd schreef op 17 maart 2003 @ 22:17:

Dan kom ik weer terug op de tabellen. Ik heb wel even gekeken en ik spreek een aardig woordje HTML en CSS, maar zodra ik de broncode zag heb ik het venster afgesloten en ben ik wat voor mezelf gaan doen. Geen doorkomen aan zo.

leuke code he ?

Is maar een concept waar ik wat rommel enzo, meestal maak ik iets kijk waar ik tegenaanloop en doe het dan nog even net over (of niet als ik in tijdsnood zit en het toch wel allemaal werkt in alle browsers, dan maak ik het bij de volgende onderhoudsbeurt over)

edit:
ik zie net dat de meeste van die "vieze code" code is uit de db en dus eigenlijk al redelijk oud, moet ik ook maar eens opschonen dan
http://www.vanallesiets.com/dev.php?id=99 <-- zonder content

[ Voor 15% gewijzigd door Creesch op 17-03-2003 22:34 ]

[Norjee]

Leuk hee... die tabellen

Ik heb ook zo een soort probleem gehad, zie hier,
uiteindelijk opgelost met een geneste tabel, ik vind het niet erg mooi, maar iets anders wou me niet lukken

Nu is het heel leuk,om te zeggen dat tabellen evil zijn, maar voor zover ik weet is er geen enkele manier om wat ik wil met css te doen (de gekleurde delen in de tabellen zijn images, met als doel ronde hoekjes te krijgen). Het hoekje links boven gaat nog wel, door in een div deze gif op top:0px en left:0px te zetten, maar bij de andere hoeken moet of bottom 0px zijn, of right 0px zijn, en dat vinden browsers niet zo fijn
Maar als dat wel met css kan, en het mij niet lukt omdat ik niet zie hoe dat moet, dan wil ik het graag weten

[Mickman]

Moet zeggen dat jouw gebruik van tabellen echt kl#te is. Echt geen logische opbouw. Als je naar de source kijkt, wordt je er ook niet echt wijzer van.
Als je deze link neemt, staat alles er netjes bij:
http://www.vanallesiets.com/index.php?id=6

Maar waarschijnlijk ben je met wat nieuws bezig, en heb je een zooi van de orginele file gekopieërd. Iig moet je zorgen dat je cell hoogte vastgelegd wordt in een aantal pixels. En je kan natuurlijk spacers gebruiken (niet zeuren, ze werken wel)

[Creesch]

Mickman schreef op 18 March 2003 @ 09:49:
http://www.vanallesiets.com/index.php?id=6

leuk, maar dat is de huidige layout en niet de dev.php

* Creesch starts learning css

www.vanallesiets.com/devver.htm <-- eerste probeersel en ik moet zeggen dat het best wel irritant werken is als je bijvoorbeeld teveel text hebt kan je dus overflow doen, maar ik heb nog niet iets kunnen vinden dat ie dan meerekt, in Internet explorer rekt 't wel met de content wel mee, maar in mozilla loopt de tekst gewoon door zonder de layout. en de achtergrond div blijft gewoon de aangegeven grote...

voorlopig vind ik tabellen toch echt wel makkelijker , maar we gaan door

[ Voor 51% gewijzigd door Creesch op 18-03-2003 12:42 ]

[Creesch]

http://www.vanallesiets.com/devver.php

Ok ik heb het nu bijna net zoals de versie in tabellen, alleen kom ik er maar niet achter hoe ik de achtergrond div variabel maak, als ik de hoogte 100% doe dan gaat ie op buiten het "gezichstsveld"van de browser zitten , het zelfde geld voor de breedte en dan krijg je lelijke scrollbalken.

[Creesch]

craze_ schreef op 18 March 2003 @ 13:42:
http://www.vanallesiets.com/devver.php

Ok ik heb het nu bijna net zoals de versie in tabellen, alleen kom ik er maar niet achter hoe ik de achtergrond div variabel maak, als ik de hoogte 100% doe dan gaat ie op buiten het "gezichstsveld"van de browser zitten , het zelfde geld voor de breedte en dan krijg je lelijke scrollbalken.

het lukt nu al beter, nu alleen nog zorgen dat de achtergrond ook mee rekt ipv scrollen

edit:
grmbll quote

[ Voor 4% gewijzigd door Creesch op 18-03-2003 16:12 ]

[Creesch]

Ik heb toch nog 1 vraag
ik heb nu een aardig layout op
http://www.vanallesiets.com/devver.php

Alleen die is te groot voor 800x600
Nu kan ik in procenten gaan werken , maar dat werkt niet ehct omdat mozilla en IE het allebei anders verwerken.

Nu vroeg ik me dus af of er ook een andere manier is om te zorgen dat de layout in lagere resoluties ook werkt (behalve een kleine layout maken dan)

[shades]

Ik hoor veel mensen zo anti doen over tabellen. Misschien terecht. Ik heb de laatste tijd nogal probleempjes met de opmaak en er is me al verteld dat je met divs verder komt alleen er is niemand die verteld hoe het moet. Wel een link naar w3schools en een voorbeeld site maar daar kon ik niet echt de werking uithalen. Is er niet een guru die het gewoon duidelijk kan uitleggen. Iets zegt me dat het handig is als je een css-edittor hebt...

[Verwijderd]

tja, veel valt er niet uit te leggen eigenlijk, gewoon je content opdelen in hapklare brokken en neerzetten wat je wilt. standaard komen divs onder elkaar. naast elkaar doe je door display op inline te zetten, of door absolute positionering. (position: absolute en left en top waarden specificeren) handig is om op w3schools on de css2 reference de positioning sectie door te lezen, dan zie je wat zoal kan en kan je bedenken wat je wanneer inzet: http://www.w3schools.com/css/css_reference.asp#positioning) 't is eigenliojk voornamelijk position absolute of relative en dan left en height erin zetten.

beetje slim nesten van divs levert ook wat handige dingen op

verder staan op deze site nog een aantal methoden voor "standaard" layouts: http://glish.com/css/

[ Voor 40% gewijzigd door Verwijderd op 20-03-2003 23:31 ]

[shades]

Verwijderd schreef op 20 maart 2003 @ 23:27:
tja, veel valt er niet uit te leggen eigenlijk, gewoon je content opdelen in hapklare brokken en neerzetten wat je wilt. standaard komen divs onder elkaar. naast elkaar doe je door display op inline te zetten, of door absolute positionering.

verder staan op deze site nog een aantal methoden voor "standaard" layouts: http://glish.com/css/

Heb ik dinsdag of woensdag gelezen op aanraden van iemand uit een ander topic dat ik gestart heb. Vind het er lastig uitzien. Waarschijnlijk moet ik maar gewoon eens wat voorbeeldjes uitproberen. Oh, die link naar w3schools had ik nog niet gevonden. Bestaat er een goede freeware css-editor ?
_{Maar we worden hier off-topic}

[ Voor 8% gewijzigd door shades op 20-03-2003 23:35 ]

[Creesch]

gewoon in dreamweaver gedaan (code gedeelte) opzich is het niet zo moeilijk ben ik nu achter (alleen even rekenen soms) alleen is het me dus nog niet gelukt om een pagina te maken die meegaat in scherm resolutie

[shades]

craze_ schreef op 21 March 2003 @ 14:13:
gewoon in dreamweaver gedaan (code gedeelte) opzich is het niet zo moeilijk ben ik nu achter (alleen even rekenen soms) alleen is het me dus nog niet gelukt om een pagina te maken die meegaat in scherm resolutie

Dreamweaver ? Nah..
Ik doe alles het liefst nog in een standaard editortje zoals notepad (gebruik nu textpad).. als ga ik wel op zoek naar een css-edittor.. rete handig. Op W3C staan een paar links.

Ik heb de tabellen omgezet naar divjes.. best even lastig omdat je niet weet wat de mogelijkheden zijn maar hier is het resultaat.
Heb ik het zo een beetje goed gedaan of klopt er van de opbouw niets ? (div-guru's speak !) De broncode wordt er inderdaad een stuk overzichtelijker van..

Irrirant is alleen als de browser verkleind wordt (Wanneer de divs over elkaar heen gaan vallen. Valt daar niets tegen te doen. Het staat zoo slordig en onprofessioneel (moet je mij horen als div-noknow)

[ Voor 16% gewijzigd door shades op 21-03-2003 15:11 ]

[Verwijderd]

tuluk is daar wat aan t doen, gewoon wat slimmer opknippen, dat donkerblauwe rechtsboven in een aparte div, dan kan de rest heel wat minder uisteken (lichtblauw en wit), dan zit je wel goed tot 640 x 480

[Creesch]

shades schreef op 21 March 2003 @ 15:05:
[...]


Dreamweaver ? Nah..
Ik doe alles het liefst nog in een standaard editortje zoals notepad (gebruik nu textpad).. als ga ik wel op zoek naar een css-edittor.. rete handig. Op W3C staan een paar links.

Ik heb de tabellen omgezet naar divjes.. best even lastig omdat je niet weet wat de mogelijkheden zijn maar hier is het resultaat.
Heb ik het zo een beetje goed gedaan of klopt er van de opbouw niets ? (div-guru's speak !) De broncode wordt er inderdaad een stuk overzichtelijker van..

Irrirant is alleen als de browser verkleind wordt (Wanneer de divs over elkaar heen gaan vallen. Valt daar niets tegen te doen. Het staat zoo slordig en onprofessioneel (moet je mij horen als div-noknow)

hij klopt niet helemaal in mozilla

.menutable TD steekts ietsie uit

[shades]

craze_ schreef op 21 maart 2003 @ 18:18:
[...]


hij klopt niet helemaal in mozilla

.menutable TD steekts ietsie uit

Zou je een screenshotje kunnen plaatsen of een oplossing geven.
Heb hier geen mozilla..

[Creesch]

is morgen goed (of je moet even iemand anders vragen ) ? je kan btw ook even zoeken zijn vrij veel topics over te vinden over hoe mozilla en IE css verwerken (verschilt een beetjes op enkele punten)

[Creesch]

http://www.vanallesiets.com/pof/moz_shade.jpg nu doet ie het helemaal niet meer goed in Mozilla ik weet niet wat je hebt aangepast

[shades]

craze_ schreef op 22 March 2003 @ 14:18:
http://www.vanallesiets.com/pof/moz_shade.jpg nu doet ie het helemaal niet meer goed in Mozilla ik weet niet wat je hebt aangepast

Dat is echt weird..
Het enige wat ik gewijzigd heb zijn een aantal dingen die de pagina nu wel valid css en valid html maken. Echt raar want juist daarom zou het beter moeten werken.. en ook wel jammer... Dat gedeelte waar shades zou moeten staan is een div met een position:absolute, het lange midden stuk is een div met een achtergrondje..

Op mijn andere pc waarop IE 5, W2K draait (ik test via IE 6, XP) is het ook niet goed. Er mist namelijk een stuk van het menu, waar het menu recht ophoudt begint het wit namelijk al...

[ Voor 15% gewijzigd door shades op 22-03-2003 22:55 ]