overflow : auto;
18 juni 2007 - 14:13   
geplaatst door: ingeborg
hoi,
is er een fix voor ie zodat het scrollen in ie wel werkt ?
het zaakje scrollt wel in firefox, camino en safari [netscape nog niet getest  :blush: ]

{hier de code;  div align="left" class="titels" style="border : none; color : #000000; padding : 4px; width : 530px; height : 335px; overflow : auto; background-color:#ffffff"  }
met haakjes kon ik de code niet zien ? die staan er wel voor hoor :-) <>

ik kon het niet vinden op het forum, alvast sorry als het al eens behandeld is...
ik zou er heeell blij mee zijn als er een makkelijke oplossing is, anders moet ik de hele site weer omgooien....


vr gr, ingborg

(Bewerkt door ingeborg om 14:25, 18-06-2007)

(Bewerkt door ingeborg om 14:27, 18-06-2007)

overflow : auto;
24 juni 2007 - 02:10    reactie #1
geplaatst door: Kaydie
Dit moet gewoon werken hoor...
Waarschijnlijk gaat het ergens anders fout. Kunnen we de hele pagina ergens bekijken?
"…It sure is great to get out of that bag!" -- mac, 1984
--
kaydies
overflow : auto;
25 juni 2007 - 09:51    reactie #2
geplaatst door: ingeborg
hoi Kaydie,

ik heb inmiddels de height op 100 % gezet zodat ie in exploder dan geen scroll['boxje'] heeft maar in ieder geval wel de pagina laat zien. dus de oude code zoals hierboven in de vraag is er niet meer ...
het werkte gewoon echt niet en tja, de meeste mensen gebruiken nog steeds windows en explorer...
op de mac in firefox en safari houdt ie wel het scrol'boxje' [ik weet niet eens hoe ik het moet noemen...]
en ik ben een beginner en heb zowel de techniek als de vormgeving nog niet eh, in de hand...

de site [is nog in test fase, let niet op de rommel :-) , plaatjes moeten nog worden uitgezocht door de klant, etc. ] staat hier ; www.annet-timmerman.nl

(heb de link weggehaald want de testmap is niet meer..)


(Bewerkt door ingeborg om 8:31, 3-07-2007)

overflow : auto;
25 juni 2007 - 23:17    reactie #3
geplaatst door: Kaydie
Hallo,

Ik heb even voor je getest en het werkt gewoon hoor, zowel in % als in px. (IE5.01 IE5.5 IE6.0 en IE7.0)

Maar ik snap het wel, je hebt in IE5 mac zitten testen...  :biggrin:

In dat geval, maak je maar niet druk. IE mac en IE windows zijn niet met elkaar te vergelijken. (Echt totaal verschillende browsers). Daarbij wordt IE mac al bijna 6 jaar niet meer doorontwikkeld, dus de bezoeken met die browser zullen echt minimaal zijn. Lekker negeren dus!

Succes met de verdere ontwikkelingen.
Ziet er al best aardig uit hoor... (alleen de welkomstpagina valt nogal uit de toom met de rest imho.)

"…It sure is great to get out of that bag!" -- mac, 1984
--
kaydies
overflow : auto;
26 juni 2007 - 13:14    reactie #4
geplaatst door: ingeborg
dankjewel !!
bij mijn zus werkte het niet [ik 'test' het bij haar, zij heeft een gewone moderne windows...en het werkte niet.
maar nu ik die height heb veranderd vind ik het ook okee ...ik laat het zo.

tja, de continuiteit bewaren is lastig, vooral als klanten 3 verschillende stijlen in 1 site willen stoppen, maar da's weer een ander topic :-) ik doe wat zij willen, ookal maak ik dan veel voor niets...

[volgend jaar hoop ik zulke goeie sites te kunnen maken als jij ! ]

overflow : auto;
26 juni 2007 - 13:40    reactie #5
geplaatst door: denn88
Als je iets een width en een height geeft, en met overflow gaat spelen, zet dan je div in ieder geval op display: block;.

:biggrin:

Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
overflow : auto;
26 juni 2007 - 14:01    reactie #6
geplaatst door: ingeborg
dankjewel, ik ga zoeken en leren wat het betekent :-))
[snap het zo snel nog even niet wat er dan 'gedisplayd'
wordt en waarom ik het moet 'blocken' ...]

:blush:

overflow : auto;
26 juni 2007 - 15:14    reactie #7
geplaatst door: denn88
Met Css heb je te maken met een soort layouts 'modussen': inline en block (niet echt maar als voorbeeld). Heeft niets met 'blocken' te maken te maken ala martial-arts of een firewall, haha!! Display: blok, op z'n Hollands.

Het zorgt ervoor dat de DIV (en nog meer elementen) zich gedraagt naar de opgegeven width en height properties in je css, anders lukt het niet. Overflow zorgt er dan voor wat de 'overige' (overflow) content doet als het er niet in past... dus bv overflow: 'hidden' (niet laten zien), of auto (scrollbars laten zien) of visible (de div uitrekken en de 'overflow' content toch laten zien)

Andere 'ingewikkelde' techniek is FLOATEN. Op MaxDesign.com.au staat een tutorial die het 1 en ander uitlegt. Op deze manier maak je tabel-loze websites en zoals je websites zou moeten maken!!

Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
overflow : auto;
26 juni 2007 - 15:15    reactie #8
geplaatst door: Kaydie
't is meer als blok. Het geeft aan op welke manier het element weergegeven dient te worden.

De meest gangbare zijn:
display:block (als in blok)
display:in-line (als in lijn)
display:none (als in niet weergeven)

In de html is standaard vastgelegd hoe de elementen weergegeven dienen te worden.
Met de display property kan je de standaard weergave voor een element aanpassen.

display:block toevoegen is in dit geval niet noodzakelijk.
Een div gedraagd zichzelf standaard als een block level element.
't is eigenlijk een beetje dubbel op.

(Bewerkt door Kaydie om 15:33, 26-06-2007)

"…It sure is great to get out of that bag!" -- mac, 1984
--
kaydies
overflow : auto;
27 juni 2007 - 13:03    reactie #9
geplaatst door: ingeborg
dank allemaal voor de sites en tips, de dubbelop display heb ik begrepen [soort van ]!

ik ben al een tijdje op zoek naar een cursus css, weet niet zo goed welke geschikt is voor mij... nu probeer ik het nog met tutorials op internet enzo.

ik heb de overflow helemaal weggehaald, nu verspringt de site natuurlijk....  :cry:
[ idem hier, link werkt niet meer... ]

maar er klopt ook een en ander niet in mijn code, ik heb wat zelf zitten tiepen en wat gebruikt van andere sites dus het is een mix [ohja, in dreamweaver crasht ie als ik een 'overflow'-css maak voor de div :-(]

nouja, ik ga de maxdesign doornemen...
thanx again !!

(Bewerkt door ingeborg om 8:32, 3-07-2007)

overflow : auto;
27 juni 2007 - 13:54    reactie #10
geplaatst door: denn88
Een heel waardevol boek voor beginners is More Eric Meyer on Css, ondertussen in 2nd edition. Eric Meyer wordt wel als een guru gezien op het gebied van Css. Ook geavanceerde truuken met Css worden besproken. De valkuilen die je in Internet Explorer 6 op Windows tegen komt en hoe je dat moet fixen.

Maar aan de hand van diverse 'real-world' projectjes wordt uitgelegd hoe je dingen met Css kunt oplossen. Een website redesign, tables eruit en dan maken met Css. Image gallery maken, financial report stylen.

Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
overflow : auto;
3 juli 2007 - 08:44    reactie #11
geplaatst door: ingeborg
dankjewel allemaal!
heb de site [zonder overflow] zo even gelaten, als ik css en het floaten ed. door heb probeer ik hem alsnog om te zetten ['redesign projectjes' proberen], nu moet het even zo...google was nu wel snel met het vinden van de testmappen, dus de links heb ik verwijderd..
thanx again voor de tips,
(tijd voor een cursus css !!)
groetjes ingeborg