beeld vullend

[Anoniem2]

Hallo\r\n\r\nIk maak maar even een nieuw topic aan aangezien ik het idee heb dat me vorige topic nogal verwarrend was.\r\n\r\nIk heb een pagina waarbij ik 1 Div heb van 200px breed.\r\nDaar naast heb ik een Div met daar in een Tabel deze staat op 100% (de div en de tabel).\r\nnou wil ik dat de tabel het resterende gedeelte van het beeld breedte gaat vullen, in de tabel staan foto\'s.\r\n\r\nDus stel men heeft een beeldscherm ingesteld (qua breedte) op 800 px dan wil ik dus dat de tabel 600px breed word en dat de foto\'s daar in automatisch aangepast worden om de tabel volledig te vullen (3 fotos horizontaal is dus 200px (breedte) per foto). \r\nAls men het beeldscherm op 1100px heeft staan wil ik dat de tabel 9000px breed word en dat de foto\'s daar in ook automatisch aangepast worden om de tabel volledig te vullen (3 foto\'s horizontaal is dus 300px (breedte) per foto). \r\n\r\nWeet iemand hoe ik dat kan doen?

[Anoniem2]

De tweede div moet je niet op 100% zetten, want dan wordt \'ie dat ook. En 100% is in dat geval de breedte van het beeldscherm. De eerste div van 200px zal er dan dus boven of onder komen staan.\n\nAfhankelijk van je doctype kun je het nog heel lastig krijgen met die procenten. In XHTML1 is 100% namelijk vaak iets anders dan in HTML4. Da\'s om het makkelijk te houden.

[Anoniem2]

Ik gebruik simpelweg HTML in combinatie met PHP\r\n\r\nEnig idee hoe ik dit kan gaan aanpakken?

[Anoniem2]

Laat de divs naast elkaar zweven (float) en geef alleen de eerste div een breedte mee. De tweede krijgt geen opgaaf van breedte. De tabel laat je 100%.\nZo uit m\'n hoofd zou dat moeten werken in HTML4.

[Anoniem2]

Ok dat werkt dan :-)\r\nMaar hoe zorg ik dat de plaatjes zich ook aanpassen aan de beschikbare beeld breedte?

[Anoniem2]

Iedere tabelcel 33% als breedte meegeven en dan de afbeeldingen weer 100%. Geen afbeeldingshoogte meegeven.

[Anoniem2]

Gedeeltelijk werkt het maar nu duwt de rechts zwevende div (met de tabel) de links zwevende div met het menu naar onder.\n\nzie [url]http://www.sjoukito.com/galerie2.php[/url]\n\nIs het misschien mogelijk er iets in te zetten als 100% - 200px?

[Anoniem2]

[QUOTE=Sjoukito;504008]Is het misschien mogelijk er iets in te zetten als 100% - 200px?[/QUOTE]\r\nWat gebeurde er toen je dat probeerde? ;)\r\n\r\nEnfin, met een simpel voorbeeld kom ik er zelf ook niet uit, en ik vermoed de oorzaak in de combinatie tussen breedtes in pixels en breedtes in procenten. Met andere woorden: het is niet makkelijk om die twee door elkaar te gebruiken.

[Anoniem2]

Hmmmm ik had al zo\'n idee \r\n\r\nNog even verder knutselen dus :P

[Anoniem2]

ok Ik heb nu dit [url]http://www.sjoukito.com/galerie2.php[/url] wat volgens mij van op een beeldschermen resolutie van 1088 tot 1600 pixels goed werkt.\nWat vinden jullie hier van?\n\nNu ik dit redelijkerwijs op orde heb (denk ik) wil ik graag een zoek functie/ script gaan maken waarmee men in mijn MySQL database naar foto\'s kan zoeken op bijvoorbeeld datum, locatie, onderwerp etc..\nWeet iemand een script dat ik kan aanpassen of waar ik zou moeten beginnen?

[Anoniem2]

Ik kwam er net achter dat het er in opera en Firefox wel mooi uit ziet maar in IE blijkt het er gewoon verschrikkelijk slecht uit te zien.\nDe 100% die ik voor de breedte van de plaatjes gebruik worden door de 3 browsers verschillend geïnterpreteerd.\n\nWeet iemand hoe ik dit gelijk kan maken?\n\nZie [url]http://www.sjoukito.com/galerie2.php[/url] als voorbeeld.

[Anoniem2]

Bijna alle browsers houden zich aan W3 afspraken. 1 Uitzondering en je mag raden welke...\nIk weet dat het een grote uitdaging is om het in alle browsers goed te krijgen. En vaak hoeft er maar 1 div niet goed te staan/afgesloten te worden en je bent het bekende haasje.\n\nHeb even met FF gekeken en dat ziet er goed uit :)

[Anoniem2]

Ik ben er zelf erg tevreden mee in FF of in mijn favoriet Opera:rolleyes:\r\nMaar IE maakt er een bende van en ik weet dat het aan de 100% ligt die ik aan de plaatjes mee geef maar hoe krijg ik dit opgelost, wat ik ook doe IE maakt er weer eens een bende van.

[Anoniem2]

Ik weet niet wat je precies bedoelt, maar hier ziet het er in IE hetzelfde uit als in Firefox. Geen vuiltje aan de lucht.\n\nIk heb het dan over IE8 onder Win7. IE6 moet je sowieso opgeven, dat krijg je nooit goed. Moet je ook niet willen ook niet.

[Anoniem2]

Ook IE 7 (op vista) maakt er een bende van en die wil ik wel graag ondersteunen.\nIE6 heb ik inderdaad al opgegeven.

[Anoniem2]

Het volgende stukje code wil mij weleens helpen, dan krijg ik de resultaten in ieder geval crossbrowser en kan ze vanuit daar oplossen ;)\r\n\r\n[CODE]* { margin: 0; padding: 0; }[/CODE]

[Anoniem2]

helaas dat word hem niet het heeft iets te maken dat IE de 100% ziet als de volledige grote van het plaatje en dat andere browsers het zien als het plaatje zo groot mogelijk maken binnen de beschikbare ruimte in de cel van de tabel.\n\nZo ver ben ik al maar nu nog de oplossing