[CSS] voor dummies - Deeltje 8

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_56477512
[CSS] voor dummies.
[CSS] voor dummies - Deel 2
[CSS] voor dummies - Deel 3
[CSS] voor dummies - Deel 4
[CSS] voor dummies - Deel 5
[CSS] voor dummies - deel 6
[CSS] voor dummies - Deel 7

Mijn laatste post:
quote:
Wat nog vager is: Mijn link probleem in IE. Kijk eens op www.beerwheels.nl met IE 6. Ik heb wel van Install all IE ofzoiets. Maar als je eenlink weergeeft wordt de pagina wit
Vraag:
Zullen we een mooie OP maken? Met wat handige links?
pi_56478308
@Flaccid: De vorige keer dat ik zoiets vroeg (Javascript voor dummies) werd er gezegd dat ik maar wat moois moest maken.

> Doe je ding!
pi_56478504
quote:
Op zaterdag 2 februari 2008 13:35 schreef fokME2 het volgende:
@Flaccid: De vorige keer dat ik zoiets vroeg (Javascript voor dummies) werd er gezegd dat ik maar wat moois moest maken.

> Doe je ding!
Heb het niet meer gezien toen

I'll give it a shot!
pi_56478702
Ik zie er niets aan. Wat moet ik doen om het probleem te simuleren?
pi_56478814
quote:
Op zaterdag 2 februari 2008 14:01 schreef Tarabass het volgende:
Ik zie er niets aan. Wat moet ik doen om het probleem te simuleren?
?
  zaterdag 2 februari 2008 @ 17:38:36 #6
12880 CraZaay
prettig gestoord
pi_56482104
quote:
Op zaterdag 2 februari 2008 12:29 schreef Light het volgende:

*code*
Helpt het als je "<br />" gebruikt (dus met een space)? Het is namelijk een known bug dat IE problemen heeft met de versie zonder space.
pi_56482278
tvp, iemand nog een antwoord op mijn vraag
quote:
Op zaterdag 2 februari 2008 11:33 schreef Chandler het volgende:
Ik heb een vraagje

Ik wil graag afbeeldingen in een horizontale box laten zien met alleen een horizontale scrollbar.

Hoogte: 150; breedte: 500; Afbeeldingen 128px hoog/breed

Nu heb ik een div met een vaste breedte maar overflow: auto; echter komen de afbeeldingen toch onderelkaar en krijg ik een schollbalk aan de rechterkant terwijl ik deze aan de onderkant wil.

Weet iemand een oplossing hiervoor? of een voorbeeld? (Iframe is geen oplossing )
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56482797
quote:
Op zaterdag 2 februari 2008 17:49 schreef Chandler het volgende:
tvp, iemand nog een antwoord op mijn vraag
[..]
Ja ik vroeg of je een voorbeeld je kan doen hoe je je afbeeldingen plaatst?
kan je stukje code geven?
pi_56483615
quote:
Op zaterdag 2 februari 2008 17:38 schreef CraZaay het volgende:

[..]

Helpt het als je "<br />" gebruikt (dus met een space)? Het is namelijk een known bug dat IE problemen heeft met de versie zonder space.
Dat weet ik niet, en 'k kan het hier ook niet testen. Geen IE thuis
fokstok.nl
pi_56487826
quote:
Op zaterdag 2 februari 2008 19:18 schreef Light het volgende:

[..]

Dat weet ik niet, en 'k kan het hier ook niet testen. Geen IE thuis
Kun je het hierin niet testen: http://browsershots.org/
pi_56494753
quote:
Op zaterdag 2 februari 2008 18:25 schreef Flaccid het volgende:

[..]

Ja ik vroeg of je een voorbeeld je kan doen hoe je je afbeeldingen plaatst?
kan je stukje code geven?
Simpel

1
2
3
4
5
6
7		<div style="height: 150px; overflow: scroll;">
    <img src="x.png" width="128" height="128"  style="float: left; padding: 10px;">
    <img src="x.png" width="128" height="128"  style="float: left; padding: 10px;">
    <img src="x.png" width="128" height="128"  style="float: left; padding: 10px;">
    <img src="x.png" width="128" height="128"  style="float: left; padding: 10px;">
    <img src="x.png" width="128" height="128"  style="float: left; padding: 10px;">
</div>


Maar dan nog blijven ze onder elkaar staan :{
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  zondag 3 februari 2008 @ 10:16:37 #12
12880 CraZaay
prettig gestoord
pi_56495090
Men neme een div van 500px breed (zet hierin de foto's), en plaatse deze weer in een andere div van 150px breed met "overflow: auto". Zou moeten werken volgens mij.
pi_56505992
Welke shizzle als DOCTYPE moet je voor je html zetten?
1
2		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Doe ik nu. Is dit verantwoord?
pi_56506263
quote:
Op zondag 3 februari 2008 19:21 schreef Flaccid het volgende:
Welke shizzle als DOCTYPE moet je voor je html zetten?
[ code verwijderd ]

Doe ik nu. Is dit verantwoord?
Die is prima, mits je daarna ook echt XHTML gebruikt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_56506354
quote:
Op zondag 3 februari 2008 08:55 schreef Chandler het volgende:

[..]

Simpel
[ code verwijderd ]

Maar dan nog blijven ze onder elkaar staan :{
CSS heeft nog een andere optie
1overflow-y:scroll;

dan heb je alleen een verticale scrollbar
[ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven
pi_56507385
quote:
Op zondag 3 februari 2008 19:41 schreef BabeWatcher het volgende:

[..]

CSS heeft nog een andere optie
[ code verwijderd ]

dan heb je alleen een verticale scrollbar
die wordt voggesmij niet gesupport door IE 6.
is het waar dat je kan kijken met welke editor een site gemaakt is?
pi_56507398
Helaas, het werkt niet, wat ik ook probeer.

1
2
3
4
5
6
7
8
9
10
11		<div style="height: 150px; width: 500px; overflow-y: scroll;">
     <div style="width: auto;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
        <img src="#" height="128" width="128" style="padding: 10px;">
     </div>
</div>


Anyone? :D
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56507512
quote:
Op zondag 3 februari 2008 20:26 schreef Chandler het volgende:
Helaas, het werkt niet, wat ik ook probeer.
[ code verwijderd ]

Anyone?
iframe denk ik dan

Ik heb een achtergrond die anders scrollt dan mijn div.
www.joristimes.nl/test

Als je het scherm groter of kleiner maatk zit er af en toe 1 pixel verschil tussen de border van de achtergrond en de rode div

[ Bericht 13% gewijzigd door Flaccid op 03-02-2008 20:43:06 ]
pi_56507937
quote:
Op zondag 3 februari 2008 20:26 schreef Chandler het volgende:
Helaas, het werkt niet, wat ik ook probeer.
[ code verwijderd ]

Anyone?
niet helemaal goed gelezen, probeer overflow-x: scroll;
[ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven
pi_56519719
beiden werken niet
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56522264
1
2
3
4
5
6
7
8
9
10
11		<div style="height: 150px; width: 500px; overflow-x: scroll; overflow-y: hidden;">
     <div style="width: 1500px; height: 148px;">
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
        <img src="#" height="128" width="128" style="padding: 10px;" />
     </div>
</div>
pi_56524919
Wat kan je het beste voor je <html> tag zetten, doctype enzo?
pi_56525024
inline styles zijn erg lelijk!
Steam - SC2
  maandag 4 februari 2008 @ 14:17:32 #24
12880 CraZaay
prettig gestoord
pi_56525824
quote:
Op zondag 3 februari 2008 20:26 schreef Flaccid het volgende:

is het waar dat je kan kijken met welke editor een site gemaakt is?
Nee, tenzij je dit expliciet in de source zet.
quote:
Op maandag 4 februari 2008 13:30 schreef Flaccid het volgende:
Wat kan je het beste voor je <html> tag zetten, doctype enzo?
Nee, dat kan niet het beste: dat moet zelfs. Niet meer, en niet minder
pi_56526536
quote:
Op maandag 4 februari 2008 14:17 schreef CraZaay het volgende:

[..]

Nee, tenzij je dit expliciet in de source zet.
[..]

Nee, dat kan niet het beste: dat moet zelfs. Niet meer, en niet minder
Welke doctype moet ik gebruiken?
http://www.w3schools.com/tags/tag_doctype.asp
  maandag 4 februari 2008 @ 19:00:20 #26
12880 CraZaay
prettig gestoord
pi_56531392
quote:
Op maandag 4 februari 2008 14:52 schreef Flaccid het volgende:

[..]

Welke doctype moet ik gebruiken?
http://www.w3schools.com/tags/tag_doctype.asp
Die pagina lijkt me vrij helder? Transitional HTML 4.01 of XHTML 1.0 is altijd een veilige keuze.
pi_56531610
quote:
Op maandag 4 februari 2008 11:11 schreef Tarabass het volgende:

[ code verwijderd ]
Deze werkt idd goed, echter is nu het probleem dat je met een vaste maat werkt. Met 10 afbeeldingen is dat geen probleem maar heb je tussen de 2 en 20 afbeeldingen dan werkt deze oplossing niet!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  maandag 4 februari 2008 @ 20:58:38 #28
12880 CraZaay
prettig gestoord
pi_56534055
Desnoods doe je het met JS, heb ik ook weleens gedaan, Maar CSS moet ook kunnen lijkt me. Vrolijk verder spelen zou ik zeggen
  maandag 4 februari 2008 @ 23:57:45 #29
164509 Banzaiaap
Tony Rocky Horror
pi_56538345
Kan iemand me met het volgende probleem helpen..

Als ik de site die ik voor een vriend van me aan het maken ben, bekijk in IE, dan is het menu een beetje opgeschoven, kan iemand de fout spotten?

http://www.dje-rik.nl/test/DJERIK/index.html
pi_56538824
quote:
Op maandag 4 februari 2008 23:57 schreef Banzaiaap het volgende:
Kan iemand me met het volgende probleem helpen..

Als ik de site die ik voor een vriend van me aan het maken ben, bekijk in IE, dan is het menu een beetje opgeschoven, kan iemand de fout spotten?

http://www.dje-rik.nl/test/DJERIK/index.html
Ook voor jou: haal eerst de 32 html-bugs er eens uit!
pi_56540615
quote:
Op maandag 4 februari 2008 20:58 schreef CraZaay het volgende:
Desnoods doe je het met JS, heb ik ook weleens gedaan, Maar CSS moet ook kunnen lijkt me. Vrolijk verder spelen zou ik zeggen
Ja dat heb ik reeds een dag gedaan (tussendoor) maar kom er gewoon niet uit
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56541818
quote:
Op maandag 4 februari 2008 19:10 schreef Chandler het volgende:

[..]

Deze werkt idd goed, echter is nu het probleem dat je met een vaste maat werkt. Met 10 afbeeldingen is dat geen probleem maar heb je tussen de 2 en 20 afbeeldingen dan werkt deze oplossing niet!
Als je php hebt draaien kan je het met een variable oplossen, waarbij je het aantal plaatjes in een dir telt en dan de width uitrekent en die als breedte meegeeft. Wat je ook kan doen is alles in een table gooien:

1
2
3
4
5
6
7
8
9
10
11
12
13		<div style="height: 164px; width: 500px; margin: 0; overflow-x: scroll; overflow-y: hidden;">
   <table cellpadding="0" cellspacing="0" style="border: none">
      <tr>
         <td><img src="#" style="width: 128px; height: 128px; margin: 10px;" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
         <td style="padding: 10px;"><img src="#" height="128" width="128" /><td>
      </tr>
   </table>
</div>
pi_56574415
quote:
Op dinsdag 5 februari 2008 10:19 schreef Tarabass het volgende:
Als je php hebt draaien kan je het met een variable oplossen, waarbij je het aantal plaatjes in een dir telt en dan de width uitrekent en die als breedte meegeeft. Wat je ook kan doen is alles in een table gooien:
[ code verwijderd ]
het is inderdaad een oplossing maar helaas niet de gene die ik zoek maar toch tnx!

Verder zit ik met iets vaags, ik heb de volgende code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		<div style="margin: 5px 10px; height: 280px;width: 420px; float: left;"> 
     
    <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=1" border="0" onClick="preview('animals', '1');"></a> 
     
    <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=11" border="0" onClick="preview('animals', '11');"></a> 
     
    <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=12" border="0" onClick="preview('animals', '12');"></a> 
     
    <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=14" border="0" onClick="preview('animals', '14');"></a> 
     
    <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=2" border="0" onClick="preview('animals', '2');"></a> 
     
    <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=3" border="0" onClick="preview('animals', '3');"></a> 
     
</div> 


en krijg dit als uitkomst



maar wil 3x een blok naast elkaar van 130px breed en 130px hoog waarin de afbeelding gecentreerd staat, echter worden de afbeeldingen weer gegeven in een blok met de eigen grote!? wat doe ik fout?

[ Bericht 10% gewijzigd door Chandler op 07-02-2008 10:20:05 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56578357
Dummytijd: Is het af te raden om naast tekst ook objecten in een header te zetten? Ik wil hetzelfde als Wikipedia doen, een onderstreepte H2 met compleet rechts op de lijn een [edit] tekst. Wikipedia lost dit op met een constructrie als "<h2><span>[edit]</span>Title</h2>", maar is dit wel zoals het hoort? Krijg ik hier geen accessibility issues mee?
  donderdag 7 februari 2008 @ 11:37:04 #35
12880 CraZaay
prettig gestoord
pi_56579032
quote:
Op donderdag 7 februari 2008 11:05 schreef Geqxon het volgende:
Dummytijd: Is het af te raden om naast tekst ook objecten in een header te zetten? Ik wil hetzelfde als Wikipedia doen, een onderstreepte H2 met compleet rechts op de lijn een [edit] tekst. Wikipedia lost dit op met een constructrie als "<h2><span>[edit]</span>Title</h2>", maar is dit wel zoals het hoort? Krijg ik hier geen accessibility issues mee?
Zou geen probleem mogen geven, zo gebruik ik het ook (alleen dan achter de eigenlijk kop ipv ervoor).
pi_56579328
Het liefst doe ik het ook erachter, maar dan is de float niet meer mogelijk. In een text-based browser ziet dit er volgens mij wel fatsoenlijk uit.
pi_56580397
quote:
Op donderdag 7 februari 2008 11:05 schreef Geqxon het volgende:
Dummytijd: Is het af te raden om naast tekst ook objecten in een header te zetten? Ik wil hetzelfde als Wikipedia doen, een onderstreepte H2 met compleet rechts op de lijn een [edit] tekst. Wikipedia lost dit op met een constructrie als "<h2><span>[edit]</span>Title</h2>", maar is dit wel zoals het hoort? Krijg ik hier geen accessibility issues mee?
Zo doet wiki dat niet. Wiki doet dit:
1<h2><span>[edit]</span><span>Title</span></h2>
  donderdag 7 februari 2008 @ 12:48:14 #38
12880 CraZaay
prettig gestoord
pi_56580692
quote:
Op donderdag 7 februari 2008 12:36 schreef Tarabass het volgende:

[..]

Zo doet wiki dat niet. Wiki doet dit:
[ code verwijderd ]
Is exact hetzelfde principe toch?
pi_56580860
quote:
Op donderdag 7 februari 2008 12:48 schreef CraZaay het volgende:

[..]

Is exact hetzelfde principe toch?
Dat, en ik vind de tweede span niet correct, en vooral onhandig als je een keer geen extra optie-tekst hebt. Daarnaast moet je in dit geval met diverse classes te werk gaan, en ook dat is bij mij geen favoriet.
pi_56581129
quote:
Op donderdag 7 februari 2008 12:48 schreef CraZaay het volgende:

[..]

Is exact hetzelfde principe toch?
Nee. De h2-tag staat er in dit geval omheen om zo zoekmachines etc. beter hun werkt te laten doen qua indexeren. De span-tags krijgen de stijlen mee via css-classes. Dit is imo netter en de h2 is beter her te gebruiken. Maar het uiteindelijke resultaat zal inderdaad hetzelfde zijn, dus eigenlijk ook niet iets om druk over te maken..
pi_56581562
Maar zal een bot als google de twee inhouden dan niet gelijk wegen? Dat de inhoud van allebei de span-tags even zwaar is, in plaats van mijn eerdere voorbeeld waar de daadwerkelijke inhoud van de H2 zwaarder weegt dan de span-tag die ernaast staat?
  donderdag 7 februari 2008 @ 13:51:43 #42
164509 Banzaiaap
Tony Rocky Horror
pi_56581956
Ik had dit ook al op tweakers gepost, maar misschien weten jullie ook een oplossing
quote:
Ik ben bezig met een site voor een vriend van mij, die een site nodig heeft waar hij zijn muziek kan laten horen, en waar informatie over optredens en dergelijke te vinden is. Heel simpel zou je zeggen.. Ik heb de site ontworpen in Photoshop, stukken eruit geslicet en daarna opgebouwd met XHTML en CSS. Echter, nou ziet de site er heel anders uit in Firefox dan in IE7 (Ik heb vanuit Firefox gebouwd, omdat dat mijn standaard browser is, maar nu blijkt het toch makkelijker geweest om de site eerst in IE te checken. De layout klopt totaal niet meer in IE7, terwijl het er in FF prima uitziet.

Ik heb even een testversie [url="http://www.dje-rik.nl/test/DJERIK/index.html"]hier[/url] geupload, het is nog niet af, maar het was meer om de layout te testen.

Kan iemand me uitleggen wat ik verkeerd doe? (Ik ben nog maar een klein half jaar hier mee bezig, dus reken me aub niet te hard af )
  donderdag 7 februari 2008 @ 14:02:57 #43
12880 CraZaay
prettig gestoord
pi_56582216
quote:
Op donderdag 7 februari 2008 13:09 schreef Tarabass het volgende:

[..]

Nee. De h2-tag staat er in dit geval omheen om zo zoekmachines etc. beter hun werkt te laten doen qua indexeren. De span-tags krijgen de stijlen mee via css-classes. Dit is imo netter en de h2 is beter her te gebruiken. Maar het uiteindelijke resultaat zal inderdaad hetzelfde zijn, dus eigenlijk ook niet iets om druk over te maken..
In Geqxon's voorbeeld staat de H2 er ook omheen toch?
  donderdag 7 februari 2008 @ 14:04:43 #44
12880 CraZaay
prettig gestoord
pi_56582251
quote:
Op donderdag 7 februari 2008 13:51 schreef Banzaiaap het volgende:
Ik had dit ook al op tweakers gepost, maar misschien weten jullie ook een oplossing
Begin met die 32 HTML errors (zie validator), en daarna praten we verder
  donderdag 7 februari 2008 @ 14:16:41 #45
164509 Banzaiaap
Tony Rocky Horror
pi_56582479
quote:
Op donderdag 7 februari 2008 14:04 schreef CraZaay het volgende:

[..]

Begin met die 32 HTML errors (zie validator), en daarna praten we verder
Sorry klopt, is gedaan
pi_56582632
quote:
Op donderdag 7 februari 2008 00:47 schreef Chandler het volgende:

[..]

het is inderdaad een oplossing maar helaas niet de gene die ik zoek maar toch tnx!

Verder zit ik met iets vaags, ik heb de volgende code
[ code verwijderd ]

en krijg dit als uitkomst

[ afbeelding ]

maar wil 3x een blok naast elkaar van 130px breed en 130px hoog waarin de afbeelding gecentreerd staat, echter worden de afbeeldingen weer gegeven in een blok met de eigen grote!? wat doe ik fout?
Anyone? zie ik nou gewoon wat over het hoofd?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56583153
quote:
Op donderdag 7 februari 2008 14:25 schreef Chandler het volgende:

[..]

Anyone? zie ik nou gewoon wat over het hoofd? :D
Ik heb het voor de grap eens `from scratch´ gedaan:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		ul.imageblock{
   width: 402px;
   height: 402px;
   
   margin: 0;
   padding: 0;
   
   border: 1px #000 solid;
}

   ul.imageblock li{
      width: 130px;
      height: 130px;
      float: left;
      
      padding: 0;
      margin: 1px;
      
      text-align: center;
      line-height: 130px;
      
      list-style-type: none;
      border: 1px #AAA solid;
   }


1
2
3
4
5
6
7
8
9
10		<ul class="imageblock">
   <li><a href="#">baz</a></li>
   <li><a href="#">baz</a></li>
   <li><a href="#">baz</a></li>
   <li><a href="#">baz</a></li>
   <li><a href="#">baz</a></li>
   <li><a href="#">baz</a></li>
   <li><a href="#">baz</a></li>
   <li><a href="#">baz</a></li>
</ul>


Zoiets doet het hier prima.
pi_56583230
quote:
Op donderdag 7 februari 2008 14:25 schreef Chandler het volgende:

[..]

Anyone? zie ik nou gewoon wat over het hoofd?
Heb je een doc-type staan? Anders eens style="" in de tag plaatsen
  donderdag 7 februari 2008 @ 15:59:23 #49
164509 Banzaiaap
Tony Rocky Horror
pi_56584350
quote:
Op donderdag 7 februari 2008 13:51 schreef Banzaiaap het volgende:
Ik had dit ook al op tweakers gepost, maar misschien weten jullie ook een oplossing

Ik ben bezig met een site voor een vriend van mij, die een site nodig heeft waar hij zijn muziek kan laten horen, en waar informatie over optredens en dergelijke te vinden is. Heel simpel zou je zeggen.. Ik heb de site ontworpen in Photoshop, stukken eruit geslicet en daarna opgebouwd met XHTML en CSS. Echter, nou ziet de site er heel anders uit in Firefox dan in IE7 (Ik heb vanuit Firefox gebouwd, omdat dat mijn standaard browser is, maar nu blijkt het toch makkelijker geweest om de site eerst in IE te checken. De layout klopt totaal niet meer in IE7, terwijl het er in FF prima uitziet.

Ik heb even een testversie [url="http://www.dje-rik.nl/test/DJERIK/index.html"]hier[/url] geupload, het is nog niet af, maar het was meer om de layout te testen.

Kan iemand me uitleggen wat ik verkeerd doe? (Ik ben nog maar een klein half jaar hier mee bezig, dus reken me aub niet te hard af )
Iemand?

Edit: Ik heb het nu tijdelijk opgelost met de volgende code.

1
2
3
4
5
6
7
8
9		      
<!--[if IE]>
   <style>
      #main 
      {   
         top:33px;
      } 
   </style>
<![endif]-->


[ Bericht 12% gewijzigd door Banzaiaap op 07-02-2008 16:44:41 ]
pi_56585398
quote:
Op donderdag 7 februari 2008 14:53 schreef Geqxon het volgende:

[..]

Ik heb het voor de grap eens `from scratch´ gedaan:
[ code verwijderd ]


[ code verwijderd ]

Zoiets doet het hier prima.
Die van jou is inderdaad veel beter, is er ook een optie ipv links floaten dat het gecentreerd staat.. Stel ik heb maar 2 plaatjes dat deze dan in het midden van het kader komen te staan? ik heb dit zelf al geprobeerd maar helaas
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56585612
quote:
Op donderdag 7 februari 2008 16:59 schreef Chandler het volgende:

[..]

Die van jou is inderdaad veel beter, is er ook een optie ipv links floaten dat het gecentreerd staat.. Stel ik heb maar 2 plaatjes dat deze dan in het midden van het kader komen te staan? ik heb dit zelf al geprobeerd maar helaas
Edit: Eens even kijken...
pi_56585620
quote:
Op donderdag 7 februari 2008 16:59 schreef Chandler het volgende:

[..]

Die van jou is inderdaad veel beter, is er ook een optie ipv links floaten dat het gecentreerd staat.. Stel ik heb maar 2 plaatjes dat deze dan in het midden van het kader komen te staan? ik heb dit zelf al geprobeerd maar helaas
Dat kan alleen op het parent element door align/text-align
pi_56586045
quote:
Op donderdag 7 februari 2008 17:12 schreef Tarabass het volgende:
Dat kan alleen op het parent element door align/text-align
Ik ben zo'n leek, kun je dit eens voor Chandler N00bie gemakkelijker uitleggen
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_56586121
quote:
Op donderdag 7 februari 2008 17:34 schreef Chandler het volgende:

[..]

Ik ben zo'n leek, kun je dit eens voor Chandler N00bie gemakkelijker uitleggen
Onder de categorie "et moet en zal met CSS", mijn prachtige meesterwerk:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		<ul class="imageblock">
   <li>
      <ul class="three">
         <li><a href="#">baz</a></li>
         <li><a href="#">baz</a></li>
         <li><a href="#">baz</a></li>
      </ul>
   </li>
   <li>
      <ul class="three">
         <li><a href="#">baz</a></li>
         <li><a href="#">baz</a></li>
         <li><a href="#">baz</a></li>
      </ul>
   </li>
   <li>
      <ul class="two">
         <li><a href="#">baz</a></li>
         <li><a href="#">baz</a></li>
      </ul>
   </li>
</ul>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43		   ul.imageblock{
      width: 402px;
      
      padding: 0;
      
      border: 1px #000 solid;
   }
   
      ul.imageblock li{
         height: 134px;
      
         list-style-type: none;
      }
   
         ul.imageblock li ul{         
            margin: 0 auto;
            padding: 0;
         }
         
         ul.imageblock li ul.one{
            width: 132px;
         }
         
         ul.imageblock li ul.two{
            width: 268px;
         }
         
         ul.imageblock li ul.three{
            width: 402px;
         }
         
            ul.imageblock li ul li{
               float: left;
               width: 130px;
               height: 130px;
               
               margin: 1px;
               
               text-align: center;
               line-height: 130px;
               
               border: 1px #AAA solid;
            }


Ik ben denk ik wat doorgeschoten. Maar het werkt wel!
pi_56591050
ik heb een probleempje met mijn css verhaal. om het overzichtelijk te houden ff de style elementen in de html gehouden. het zijn een beetje geneste divjes. nu werkt het in IE wel goed en FF hapert er weer op. Het omvattende divje gaat niet mee met de hoogte die door de binnen gelegen divjes wordt aangegeven. Hier mijn code
1
2
3
4
5
6
7
8
9
10
11		<div style="margin: auto; width: 780px; height: 100%; background-color:#FFFFFF;">
   <!-- Grote foto en tekst -->
   <div style="width: 390px; float:left;">
      <!-- Foto -->
      <div style="width: 390px; height: 390px; background-color:#99FF00">Foto</div>
      <!-- Tekst links -->
      <div style="width: 390px; background-color:#FF66CC;">Tekst links</div>
   </div>
   <!-- Tekst rechts -->
   <div style="width: 390px; background-color:#FF0000; float: right;">Tekst rechts</div>
</div>


Hoe kan het nou weer dat FF dat niet goed op pakt?
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
  donderdag 7 februari 2008 @ 21:58:26 #56
12880 CraZaay
prettig gestoord
pi_56591501
Welke div moet precies met welke div's meeschalen? Geef ze even id's en leg het aan de hand daarvan uit. Dit is onleesbaar zo.

Ik gok overigens dat je ergens iets uit de flow haalt en verwacht dat een gefloat element binnen een niet-gefloat element ervoor zorgt dat de tweede meeschaalt.
pi_56591760
quote:
Op donderdag 7 februari 2008 21:58 schreef CraZaay het volgende:
Welke div moet precies met welke div's meeschalen? Geef ze even id's en leg het aan de hand daarvan uit. Dit is onleesbaar zo.

Ik gok overigens dat je ergens iets uit de flow haalt en verwacht dat een gefloat element binnen een niet-gefloat element ervoor zorgt dat de tweede meeschaalt.
ok ik heb het even anders gedaan
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		<style type="text/css">
#content{margin: auto; width: 780px; background-color:#FFFFFF; float:inherit;}
#left{width: 390px; float:left;}
#left_foto{width: 390px; height: 390px; background-color:#99FF00;}
#left_text{width: 390px; background-color:#FF66CC;}
#right{width: 390px; background-color:#FF0000; float: right;}
</style>

<div id="content">
   <div id="left">
      <div id="left_foto">Foto</div>
      <div id="left_text">Tekst links</div>
   </div>
   <div id="right">Tekst rechts</div>
</div>


begrijp je zo wat ik bedoel? er is een grote div content
daarbinnen zitten twee divjes naast elkaar, left en right
binnen left zitten twee divs boven elkaar.

de div waar de foto in komt, links boven, is al op hoogte, bij wijze van test.
de div content gaat niet mee in hoogte met de andere divs als deze in height groter worden. hoe zorg ik er voor dat deze dat wel doet? tenminste in FF. in IE werkt het wel zoals ik zou willen.
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
  donderdag 7 februari 2008 @ 22:40:25 #58
12880 CraZaay
prettig gestoord
pi_56592415
Als je #content "float: left" geeft ipv inherit, wat gebeurt er dan?
pi_56592447
quote:
Op donderdag 7 februari 2008 22:40 schreef CraZaay het volgende:
Als je #content "float: left" geeft ipv inherit, wat gebeurt er dan?
dan gaat de content div wel mee naar de hoogte van de andere divs.. maar staat ie helemaal links in het scherm.. das ook weer niet de bedoeling. Het hele boeltje staat gecentreerd..
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_56592477
Ik heb er nog een divje om heen gelegd, ook gecentreerd net als de rest van de site. En dat gaat wel goed. Thnx!
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
  donderdag 7 februari 2008 @ 23:30:11 #61
12880 CraZaay
prettig gestoord
pi_56593620
quote:
Op donderdag 7 februari 2008 22:43 schreef markiemark het volgende:
Ik heb er nog een divje om heen gelegd, ook gecentreerd net als de rest van de site. En dat gaat wel goed. Thnx!
Haal dat divje eens weg en geef #content geen float, maar "overflow: auto" (geen hoogte definieren!). Zou moeten werken
pi_56652994
Het menu van een bepaalde site ziet er in IE6 goed uit, maar in FF niet.
Het probleem is dat in FF de linkermarge niet op 19px wordt gezet en dat de tekst niet 23px inspringt.

1
2		<head><link rel="stylesheet" type="text/css" href="style.css"></head>
<span class="topMenu"><span class="menuItemHome"><a href="index.php">Home</a></span>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		.topMenu
{
  margin-left: 19px;
  font: bold 12px tahoma,verdana,arial,sans-serif;
  letter-spacing: 0;
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  text-align: left;
  line-height: 2;
  text-decoration: none;
}

.menuItemHome
{
  margin-left: 0px;
  background: url("afbeeldingen/home.gif") no-repeat 0 0;
  width: 70px;
  height: 16px;
  text-indent:23px;
}
pi_56655000
quote:
Op zondag 10 februari 2008 21:46 schreef mrbombastic het volgende:
Het menu van een bepaalde site ziet er in IE6 goed uit, maar in FF niet.
Het probleem is dat in FF de linkermarge niet op 19px wordt gezet en dat de tekst niet 23px inspringt.
[ code verwijderd ]


[ code verwijderd ]
Klopt je html wel? Ik die 2 regels zie ik 2x een <span> en maar 1 </span>
fokstok.nl
  zondag 10 februari 2008 @ 23:31:34 #64
12880 CraZaay
prettig gestoord
pi_56656239
quote:
Op zondag 10 februari 2008 21:46 schreef mrbombastic het volgende:
Het menu van een bepaalde site ziet er in IE6 goed uit, maar in FF niet.
Het probleem is dat in FF de linkermarge niet op 19px wordt gezet en dat de tekst niet 23px inspringt.
Volgens mij wil je wat properties gebruiken die alleen geschikt zijn voor block-level elementen, terwijl een span een inline element is. Ik vraag me overigens af of een element zonder een duidelijke semantische betekenis (span) het meest geschikt is in deze situatie, maar dat terzijde.
pi_56661772
quote:
Op zondag 10 februari 2008 23:31 schreef CraZaay het volgende:

[..]

Volgens mij wil je wat properties gebruiken die alleen geschikt zijn voor block-level elementen, terwijl een span een inline element is. Ik vraag me overigens af of een element zonder een duidelijke semantische betekenis (span) het meest geschikt is in deze situatie, maar dat terzijde.
Bedankt, ik heb er nu een div van gemaakt en met nog wat wijzigingen staat dit nu wel goed.

Nu heb ik nog een probleem, zie www.kraket.nl. Ik heb een maindiv class waar ik een linkermarge van 19px wil hebben. Dit lukt wel in IE6, maar in FF springen alle menu items weer terug.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20		.mainDiv
{
  width:260px;
  margin-left: 19px;
}

.item
{
  font: bold 12px tahoma,verdana,arial,sans-serif;
  letter-spacing: 0;
  background: url("afbeeldingen/no-arrow.gif") no-repeat 0 0;
  background-position: center center;
  background-repeat: no-repeat;
  width: 245px;
  height: 25px;
  cursor: pointer;
  text-indent: 15px;
  text-align: left;
  line-height: 21px;
}
  maandag 11 februari 2008 @ 16:20:07 #66
38298 Leujel
Citroen C2 1.4i VTR SensoDrive
pi_56667088
Ik heb het volgende probleem.

Ik heb een stuk tekst op een pagina staan waarvan de source te vergelijken is met het volgende:

1
2		<strong><p>Dit is dikke tekst</p></strong>
<p>Dit is normale tekst</p>


Nu zit ik alleen met het probleem dat ik met geen mogelijkheid die strong tag gestyled krijg. Ik krijg de inhoud zelf (inclusief html formatting) vanuit een CMS waar ik geen wijzigingen in kan aanbrengen.

Hoe kan ik ervoor zorgen dat ik bijvoorbeeld de lettergrootte van de tekst binnen de <strong> tags kan aanpassen?

Alvast dank
Gretsch fan
pi_56667297
Iets als:

1
2
3		strong p{
font-weight: 700;
}


?

Geen flauw idee of dat gaat werken...
  maandag 11 februari 2008 @ 16:45:48 #68
38298 Leujel
Citroen C2 1.4i VTR SensoDrive
pi_56667453
quote:
Op maandag 11 februari 2008 16:35 schreef Geqxon het volgende:
Iets als:
[ code verwijderd ]

?

Geen flauw idee of dat gaat werken...
Dit heb ik inderdaad ook al geprobeert, maar dat werkt niet... de styling van de <p> tag lijkt altijd de voorkeur te krijgen boven de styling van de <strong> tag
Gretsch fan
  maandag 11 februari 2008 @ 17:03:36 #69
12880 CraZaay
prettig gestoord
pi_56667676
Mag een <p> überhaupt binnen een <strong>? Een <p> is een block level element en een <strong> een inline element. Wat vindt de validator ervan?
  maandag 11 februari 2008 @ 17:07:25 #70
12880 CraZaay
prettig gestoord
pi_56667721
quote:
Op maandag 11 februari 2008 11:25 schreef mrbombastic het volgende:

[..]

Bedankt, ik heb er nu een div van gemaakt en met nog wat wijzigingen staat dit nu wel goed.

Nu heb ik nog een probleem, zie www.kraket.nl. Ik heb een maindiv class waar ik een linkermarge van 19px wil hebben. Dit lukt wel in IE6, maar in FF springen alle menu items weer terug.
Probeer eens padding ipv margin? Btw: de letter-spacing is default al 0.
pi_56675987
quote:
Op maandag 11 februari 2008 17:07 schreef CraZaay het volgende:

[..]

Probeer eens padding ipv margin? Btw: de letter-spacing is default al 0.
Bedankt. Padding werkt inderdaad wel.

Verder heb ik nog 2 probleempjes. In IE6 krijg ik een horizontale scrollbar. Daarvoor heb ik nu
1overflow-x:hidden;

gebruikt, maar mss zijn er betere alternatieven.

Verder vraag ik me af of het drop-down menu, zie www.kraket.nl, ook links uitgelijnd kan worden ipv rechts wat ie standaard doet.

[ Bericht 3% gewijzigd door mrbombastic op 11-02-2008 23:44:39 ]
pi_56676008
dubbelpost

[ Bericht 98% gewijzigd door mrbombastic op 11-02-2008 23:43:28 ]
  dinsdag 12 februari 2008 @ 08:55:00 #73
12880 CraZaay
prettig gestoord
pi_56678516
quote:
Op maandag 11 februari 2008 23:35 schreef mrbombastic het volgende:

Verder heb ik nog 2 probleempjes. In IE6 krijg ik een horizontale scrollbar. Daarvoor heb ik nu
[ code verwijderd ]
gebruikt, maar mss zijn er betere alternatieven.
Ja, zorgen dat je content binnen de viewport past in de breedte, dan heb je er geen last van Is het te smal, omdat iemand op een lage resolutie kijkt, dan zullen ze horizontaal moeten scrollen.
pi_56681681
quote:
Op dinsdag 12 februari 2008 08:55 schreef CraZaay het volgende:

[..]

Ja, zorgen dat je content binnen de viewport past in de breedte, dan heb je er geen last van Is het te smal, omdat iemand op een lage resolutie kijkt, dan zullen ze horizontaal moeten scrollen.
Daar heb je inderdaad gelijk in. De problemen zijn inmiddels opgelost. Het bleek dat ergens bovenin mn code nog <div align="center"> stond .
pi_56703887
Iemand een simpel ontwerp slicen?
ne okuyon, bokmu var?
  woensdag 13 februari 2008 @ 15:50:46 #76
164509 Banzaiaap
Tony Rocky Horror
pi_56705495
Ik ben nu zo goed als klaar met de site van een maat van mij: DjE-rik.nl, maar op de contact pagina staat de afbeelding met het emailadres erin niet helemaal goed, is een kleinigheidje, maar weet iemand waarom?
  woensdag 13 februari 2008 @ 15:57:24 #77
12880 CraZaay
prettig gestoord
pi_56705619
quote:
Op woensdag 13 februari 2008 15:50 schreef Banzaiaap het volgende:
Ik ben nu zo goed als klaar met de site van een maat van mij: DjE-rik.nl, maar op de contact pagina staat de afbeelding met het emailadres erin niet helemaal goed, is een kleinigheidje, maar weet iemand waarom?
Quotes rond je attributen zetten en van "middle" "absmiddle" maken.
  woensdag 13 februari 2008 @ 15:58:49 #78
164509 Banzaiaap
Tony Rocky Horror
pi_56705647
quote:
Op woensdag 13 februari 2008 15:57 schreef CraZaay het volgende:

[..]

Quotes rond je attributen zetten en van "middle" "absmiddle" maken.
Thanks, dat was em.

Edit: Align blijkt geen valid html transitional te zijn..
http://validator.w3.org/check?uri=http%3A%2F%2Fdje-rik.nl%2Fcontact.html&charset=(detect+automatically)&doctype=Inline&group=0

[ Bericht 33% gewijzigd door Banzaiaap op 13-02-2008 16:09:52 ]
pi_56705945
Align wel, Absmiddle niet.
  woensdag 13 februari 2008 @ 16:41:25 #80
164509 Banzaiaap
Tony Rocky Horror
pi_56706549
quote:
Op woensdag 13 februari 2008 16:12 schreef Geqxon het volgende:
Align wel, Absmiddle niet.
Ja die bedoelde ik , enig alternatief?
  woensdag 13 februari 2008 @ 16:53:19 #81
12880 CraZaay
prettig gestoord
pi_56706790
quote:
Op woensdag 13 februari 2008 16:41 schreef Banzaiaap het volgende:

[..]

Ja die bedoelde ik , enig alternatief?
Met CSS "vertical-align: middle"?
  woensdag 13 februari 2008 @ 17:17:47 #82
164509 Banzaiaap
Tony Rocky Horror
pi_56707278
quote:
Op woensdag 13 februari 2008 16:53 schreef CraZaay het volgende:

[..]

Met CSS "vertical-align: middle"?
vertical-align rekent notepad++ niet goed bij mij..
pi_56708934
quote:
Op woensdag 13 februari 2008 17:17 schreef Banzaiaap het volgende:

[..]

vertical-align rekent notepad++ niet goed bij mij..
notepad++ moet niet zeiken.
  woensdag 13 februari 2008 @ 19:26:20 #84
164509 Banzaiaap
Tony Rocky Horror
pi_56709800
quote:
Op woensdag 13 februari 2008 18:49 schreef mcDavid het volgende:

[..]

notepad++ moet niet zeiken.
Sorry
pi_56725789
quote:
Op woensdag 13 februari 2008 14:30 schreef saban het volgende:
Iemand een simpel ontwerp slicen?
Mijn allereerste CSS met DIVjes

/edit
Cool, een vervanging gevonden voor:
1
2
3
4
5
6
7
8
9
10		<body background="bg.jpg">

Vervang ik met;

body
{ 
background-image: 
url('bg.jpg');
background-repeat: repeat-x
}
ne okuyon, bokmu var?
pi_56726475
quote:
Op donderdag 14 februari 2008 13:20 schreef saban het volgende:

[..]

Mijn allereerste CSS met DIVjes

/edit
Cool, een vervanging gevonden voor:
[ code verwijderd ]
In principe kun je alles dat met opmaak te maken heeft doormiddel van CSS doen.

http://www.csszengarden.com/ is daar een prachtig voorbeeld van.
pi_56727114
quote:
Op donderdag 14 februari 2008 13:50 schreef Geqxon het volgende:

[..]

In principe kun je alles dat met opmaak te maken heeft doormiddel van CSS doen.
En in principe hoort dat ook zo.
pi_56727862
quote:
Op donderdag 14 februari 2008 14:18 schreef Tuvai.net het volgende:

[..]

En in principe hoort dat ook zo.
Dat klopt, maar voor een beginner telt dat natuurlijk wat minder zwaar.
pi_56728097
Ik vind het van me zelf al knap dat ik niet met tabellen werk maar met DIV
ne okuyon, bokmu var?
pi_56728178
quote:
Op donderdag 14 februari 2008 14:52 schreef Geqxon het volgende:

[..]

Dat klopt, maar voor een beginner telt dat natuurlijk wat minder zwaar.
Daarom kun je beter goed beginnen dan dat je eerst helemaal aan tabellen gehecht raakt, en vervolgens met divjes moet gaan werken.

Er zijn nog steeds een heleboel mensen die steevast blijven hangen bij tabelletjes omdat ze divjes niet fijn vinden. Ik was tot een paar jaren geleden zelf nog zo.
pi_56728184
Hoe kan ik onder mijn midcontent nog een vlak weergeven?
1
2
3
4
5
6
7
8
9
10
11
12		   #midcontent {
      position: absolute;
      left:260px;
      top:135px;
      width:660px;
      padding:10px;
      background:#e8ebbe;
      font-family: tahoma;
      font-size: 11px;
      font-weight: bold;
      color: #fff;
      }


De hoogte van #midcontent variert, dus kan ik aan de nieuwe vlak geen top:xx px meegeven.
Hoe gaat dat op zijn werk?
ne okuyon, bokmu var?
pi_56728194
quote:
Op donderdag 14 februari 2008 15:07 schreef Tuvai.net het volgende:

[..]

Daarom kun je beter goed beginnen dan dat je eerst helemaal aan tabellen gehecht raakt, en vervolgens met divjes moet gaan werken.

Er zijn nog steeds een heleboel mensen die steevast blijven hangen bij tabelletjes omdat ze divjes niet fijn vinden. Ik was tot een paar jaren geleden zelf nog zo.
Ik heb tot nu toe ook altijd met tabellen gewerkt, css/div heb ik nooit begrepen, maar nu probeer ik het me aan te leren
ne okuyon, bokmu var?
pi_56728248
quote:
Op donderdag 14 februari 2008 15:07 schreef Tuvai.net het volgende:

[..]

Daarom kun je beter goed beginnen dan dat je eerst helemaal aan tabellen gehecht raakt, en vervolgens met divjes moet gaan werken.

Er zijn nog steeds een heleboel mensen die steevast blijven hangen bij tabelletjes omdat ze divjes niet fijn vinden. Ik was tot een paar jaren geleden zelf nog zo.
Jep. Op het moment schrijf ik dan ook altijd eerst een semantisch correcte HTML, en dan pas maak ik de stylesheet, zonder aan de HTML te komen. Goeie manier om het jezelf te forceren.
  donderdag 14 februari 2008 @ 15:28:18 #94
12880 CraZaay
prettig gestoord
pi_56728633
quote:
Op donderdag 14 februari 2008 15:03 schreef saban het volgende:
Ik vind het van me zelf al knap dat ik niet met tabellen werk maar met DIV
Tabellen vervangen voor div's is net zo slecht als tabellen gebruiken imo. Semantiek, people!
pi_56728965
Over semantiek gesproken, nog niemand opgevallen dat de ouwe Bobby validator niet meer beschikbaar is?

http://webxact.watchfire.com/

Dat tooltje gebruikte ik best veel.
pi_56729251
quote:
Op donderdag 14 februari 2008 15:08 schreef saban het volgende:
Hoe kan ik onder mijn midcontent nog een vlak weergeven?
[ code verwijderd ]

De hoogte van #midcontent variert, dus kan ik aan de nieuwe vlak geen top:xx px meegeven.
Hoe gaat dat op zijn werk?
geen 'position: absolute' gebruiken

'position: absolute' is zeer 'evil', het betekent feitelijk dat een element uit de 'flow' van een pagina gehaald wordt en dus niet meer beinvloed door elementen erboven of zelf geen elementen eromheen kan en mag beinvloeddden...

De beste oplossing is eerst om te proberen geheel zonder 'position:absolute uit te komen, meestal levert dat je betere, flexibelere layouts op..
lukt het je niet, is de oplossing om om je element heen een ander element te plaatsen en dàt de position: absolute te geven en alle positionerings-properties (top, left etc.) en binnen dat element kunnen dan je content elementen vallen
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
pi_56729509
Ik zou nieteens wéten hoe je een site bouwt met tables
  donderdag 14 februari 2008 @ 16:17:09 #98
12880 CraZaay
prettig gestoord
pi_56729578
quote:
Op donderdag 14 februari 2008 16:13 schreef mcDavid het volgende:
Ik zou nieteens wéten hoe je een site bouwt met tables
Ik helaas wel, moest laatst iets bouwen wat als het even kon ook in IE4 moest werken...
pi_56729632
quote:
Op donderdag 14 februari 2008 16:17 schreef CraZaay het volgende:

[..]

Ik helaas wel, moest laatst iets bouwen wat als het even kon ook in IE4 moest werken...
Was de klant iemand van een stenen tijdperk of zo?
  donderdag 14 februari 2008 @ 16:22:08 #100
12880 CraZaay
prettig gestoord
pi_56729683
quote:
Op donderdag 14 februari 2008 16:20 schreef Tuvai.net het volgende:

[..]

Was de klant iemand van een stenen tijdperk of zo?
Iemand die met geen enkele statistiek ervan te overtuigen was dat IE6+ écht prima is. En binnenkort alsnog herbouwen naar IE6+, omdat er natuurlijk wel allerlei web 2.0 "dingen" in moeten
pi_56729912
quote:
Op donderdag 14 februari 2008 16:13 schreef mcDavid het volgende:
Ik zou nieteens wéten hoe je een site bouwt met tables
ImageReady
ne okuyon, bokmu var?
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - Deeltje 8
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')