die 2e link heb ik dus ook geprobeerd, maar die werkte dus ook niet bij mij (IE én FF)quote:Op maandag 24 juli 2006 20:40 schreef the_disheaver het volgende:
http://www.themaninblue.com/experiment/footerStickAlt/
of deze, maar die werkt niet in opera. http://scott.sauyet.name/CSS/Demo/FooterDemo1.html
niet gebruiken dus. Was te vinden in het vorige topic, hierzo: http://forum.fok.nl/topic/834745/1/500#39261345
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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 | bottom: 10px; left:10px; height: 20px; width: 764px; border: black solid 1px ; background-color: #6b6b6b; } #admin_bar { float: top; top: 10px; position: relative; left: 110px; height: 20px; width: 650px; border: black solid 3px ; border-bottom: 0px; background-color: #6b6b6b; } #titel_top { color : #0000FF; border: black solid 2px ; background-color: #FFFFFF; width: 764px; height: 30px; position: absolute left: 10px; top: 10px; padding: 0px; font-family : Verdana; font-size : 20px; font-weight : bold; text-align : center; } #menu { float: right; position: absolute; left: 10px; top: 50px; width: 93px; border: black solid 3px ; border-top: none; border-left: none; } #table_admin { position: relative; float: bottom; top: 10px; left: 110px; width: 650px; border: black solid 3px ; background-color: #6b6b6b; } #add_record { float: top; top: 10px; position: relative; left: 110px; width: 650px; border: black solid 3px ; border-bottom: 2px; background-color: #6b6b6b; } |
Kijk eens een paar posts terugquote:Op zondag 30 juli 2006 23:04 schreef beerten het volgende:
Ik wil een <div> helemaal onderaan de pagina plaatsen. Maar het ding zweeft ergens halverwege de pagina. Blijkbaar is ie afhankelijk van de positie van de overige div's.
Werkt niet! Krijg de paginas niet goed. Zoals gezegd blijft de footer ergens zweven halverwege de pagina.quote:Op maandag 31 juli 2006 14:40 schreef Berkery het volgende:
[..]
Kijk eens een paar posts terug [afbeelding]
Had dit inmiddels gelzen. Slechts left, right of none.quote:Op maandag 31 juli 2006 19:36 schreef Berkery het volgende:
float: bottom en float: top gaat ook niet werken.![]()
1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | html, body{ height: 100%; } #container{ position: relative; min-height: 100%; } #footer{ position: absolute; bottom: 0; } |
jup, maar het punt ook is, is dat IE de "Bottom: 10%" niet pakt terwijl FF dat wel doet (bekijk het voorbeeld maarquote:Op woensdag 23 augustus 2006 19:29 schreef the_disheaver het volgende:
overflow: scroll
Of laat ie dan altijd een scrollbalk zien?
je server is nogal traag. In opera krijg ik hem nog wel te zien, in IE niet (opera lijkt het goed te gaan btw)quote:
kan kloppen ja, dat is zeg maar mijn thuispcquote:Op woensdag 23 augustus 2006 19:52 schreef the_disheaver het volgende:
[..]
je server is nogal traag. In opera krijg ik hem nog wel te zien, in IE niet (opera lijkt het goed te gaan btw)
FF en IEquote:Op woensdag 23 augustus 2006 20:10 schreef qu63 het volgende:
[..]
kan kloppen ja, dat is zeg maar mijn thuispc
ik maak wel even screenies van beide
en de bijbehorende broncode:quote:
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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 | echo "xml version=\"1.0\" encoding=\"iso-8859-1\"?".">"; <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> if(isset($HTTP_COOKIE_VARS["users_resolution"])) $screen_res = $HTTP_COOKIE_VARS["users_resolution"]; else //means cookie is not found set it using Javascript { <script language="javascript"> <!-- writeCookie(); function writeCookie() { var today = new Date(); var the_date = new Date("December 31, 2023"); var the_cookie_date = the_date.toGMTString(); var the_cookie = "users_resolution="+ screen.width +"x"+ screen.height; var the_cookie = the_cookie + ";expires=" + the_cookie_date; document,cookie=the_cookie location = 'test3.php'; } //--> </script> } <style> body { background-image: url(images/php echo "$screen_res";.jpg); background-repeat: no-repeat; background-attachment: fixed; color: #FFF; } .main { position: absolute; left: 10%; right: 10%; top: 10%; bottom: 10%; overflow: auto; text-align: right; } .top { position: absolute; left: 10%; top: 0%; right: 10%; } .bottom { position: absolute; left: 10%; right: 10%; bottom: 0%; } </style> <title>Untitled Document php echo "$screen_res";</title> <script type="text/javascript" src="http://testserver.qu63.nl/blog2/scripts/countdown.js" defer="defer"></script> </head> <body> <div class="top"><img src="top.gif" alt="Sven in Amersfoort"></div> <div class="main"> <br />1 <br />2 <br />3 <br />4 <br />5 <br />6 <br />7 <br />8 <br />9 <br />0 <br />1 <br />2 <br />3 <br />4 <br />5 <br />6 <br />7 <br />8 <br />9 <br />0 <br />1 <br />2 <br />3 <br />4 <br />5 <br />6 <br />7 <br />8 <br />9 <br />0 <br />1 <br />2 <br />3 <br />4 <br />5 <br />6 <br />7 <br />8 <br />9 <br />0 <br />1 <br />2 <br />3 <br />4 <br />5 <br />6 <br />7 <br />8 <br />9 <br />0 <br />1 <br />2 <br />3 <br />4 <br />5 <br />6 <br />7 <br />8 <br />9 <br />0 <br />1 <br />2 <br />3 <br />4 <br />5 <br />6 <br />7 <br /> </div> <div class="bottom"><h1 align="center">nog <span id="countdown1">2006-9-24 20:00:00 GMT+02:00</span></h1></div> </body> </html> ?> |
http://i8.tinypic.com/25fkahh.jpgquote:Op woensdag 23 augustus 2006 20:34 schreef the_disheaver het volgende:
[..]
kon je die ook niet ff op tinypic gooien ofzo... (lukt wel hoor)
echt niemand?quote:Op donderdag 24 augustus 2006 13:23 schreef qu63 het volgende:
(n)iemand?
quote:Op vrijdag 25 augustus 2006 13:12 schreef Berkery het volgende:
-lama-
1 2 3 4 5 6 7 8 | background-color: #AAFE9E; border-left: 2px solid black; border-right: 2px solid black; border-top: 2px solid black; border-bottom: 1px solid black; } |
1 2 | de code |
Enkel de randen van de row moeten randen krijgen, niet de cellen dus.quote:Op donderdag 31 augustus 2006 23:28 schreef the_disheaver het volgende:
Probeer eens
[ code verwijderd ]
edit: tenminste, als je in elke cel een border wilt hebben. maar ik geloof dat je alleen om een rij een border wil...
Iemand een idee?quote:Op zaterdag 23 september 2006 02:09 schreef Pino_666 het volgende:
Vraagje:
Kan je in CSS ook eigenschappen aan één bepaald karakter meegeven?
Bijvoorbeeld alle aanhalingstekens (") in het rood.
Thnxs
Wouter
dat dacht ik al.... toch bedankt voor de bevestiging !quote:Op zaterdag 23 september 2006 12:10 schreef the_disheaver het volgende:
enige is <span class="red">"</span>
Die background-image op je body zetten?quote:Op maandag 25 september 2006 22:57 schreef Leonoor het volgende:
Vraagje: Ik heb nu een footer, die heb ik op een fixed position. Maar in mijn main-deel heb ik een background-image dat ik wil repeaten, in elk geval tot de onderkant van de pagina, maar als de pagina langer is, ook verder naar onder.
En dat laatste doet hij dus niet. Of, als ik hem zo ver krijg om dat wel te doen, dan stopt 'ie op de pagina's met minder tekst dan paginalengte al ergens halverwege (volgt u mij nog?).
Hoe los ik dat op?
Met een float haal je 'm uit de flow van de pagina, waardoor het parent element niet 'mee groeit'.quote:Op vrijdag 15 september 2006 18:20 schreef Nevermind het volgende:
[afbeelding]
Ik heb met mijn nieuwe CMS wat CSS probleempjes. Ik wil het xhtml strict hebben. Het CD-hoesje moet aan de linkerkant floaten (naast de 60x60 posticon) met de tekst er rechtsboven van beginnend. Het probleem met float:left of align="left" is dat de post niet meegroeit met de afbeelding. Zonder float of align="left" ziet het er zo uit:
[afbeelding]
De logische vraag: Hoe zorg ik ervoor dat de posthoogte meegroeit?
Ik heb net een testopstelling gemaakt, maar ik zie in FF en IE geen border. Kun je je voorbeeld ergens online zetten?quote:Op donderdag 31 augustus 2006 22:54 schreef Mr_Zoidberg het volgende:
Ik heb de volgende css code:
[ code verwijderd ]
Het probleem is de border om de row. In Firefox gaat dit zoals je zal verwachten. In IE krijg ik echter helemaal geen border. Weet iemand waar dit aan ligt en hoe ik het op zou kunnen lossen?
(ik zou alle declaraties gewoon in de TD uit kunnen voeren, maar dit is meer werk en naar mijn mening een beetje omslachtig)
is niet mogelijk in IE. in FF en opera naar mijn weten ook nietquote:Op maandag 25 september 2006 23:14 schreef CraZaay het volgende:
[..]
Ik heb net een testopstelling gemaakt, maar ik zie in FF en IE geen border. Kun je je voorbeeld ergens online zetten?
Vandaar dat ik heel benieuwd was naar de opstelling waarin hij het wel werkend kreeg in FFquote:Op dinsdag 26 september 2006 00:31 schreef the_disheaver het volgende:
[..]
is niet mogelijk in IE. in FF en opera naar mijn weten ook niet
gewoon een idee, kun je niet
tr.top_row td {}
gebruiken?
1 2 3 | style; } |
Het is misschien wel voor dummies, maar ik ben niet helemaaal stom, dus zover was ik alquote:Op maandag 25 september 2006 23:04 schreef CraZaay het volgende:
[..]
Die background-image op je body zetten?
Ga je ook vertellen waarom dit niet de oplossing voor je probleem is? Op basis van je info neem ik aan dat je de achtergrond altijd tot onderaan de pagina wilt hebben, en met een background op de body werkt dat.quote:Op dinsdag 26 september 2006 15:34 schreef Leonoor het volgende:
[..]
Het is misschien wel voor dummies, maar ik ben niet helemaaal stom, dus zover was ik al.
Toch bedankt voor het meedenken.
Het is niet de oplossing omdat ik het geprobeerd heb en het niet werkt..quote:Op dinsdag 26 september 2006 21:12 schreef CraZaay het volgende:
[..]
Ga je ook vertellen waarom dit niet de oplossing voor je probleem is? Op basis van je info neem ik aan dat je de achtergrond altijd tot onderaan de pagina wilt hebben, en met een background op de body werkt dat.
Er zit een verschil tussen niet werken, en niet snappen hoe je iets moet realiseren om het te laten werkenquote:Op dinsdag 26 september 2006 22:04 schreef Leonoor het volgende:
[..]
Het is niet de oplossing omdat ik het geprobeerd heb en het niet werkt..
Inmiddels heb ik mijn meest nerderige kennis er naar laten kijken, en die heeft op magische wijze het geheel ietwat aangepast, en bijna zo laten werken als ik zou willen. Ik ben vrees ik meer dummie dan ik hoopte/wenste, maar het werkt nu. Mocht je interesse hebben in hoe het eruit ziet, dan hoor ik het wel via mijn fobo.
1 2 3 4 5 | | |div 2|div 3| |div 1|------------ | |div 4|div 5| ------------------- |
1 2 3 4 5 | <div id=div2></div> <div id=div3></div> <div id=div4></div> <div id=div5></div> |
Waarom zonder container?quote:Op woensdag 27 september 2006 17:49 schreef the_disheaver het volgende:
heb het opgelost door een container er om te gooien. Maar als iemand er een oplossing zonder container voor heeft: graag.
'div.' vergeten ergens, en en een half uur afgevraagd... waarom doet ie het niet!
overflow: hidden aan de parent (de post dusquote:Op vrijdag 15 september 2006 18:20 schreef Nevermind het volgende:
[afbeelding]
Ik heb met mijn nieuwe CMS wat CSS probleempjes. Ik wil het xhtml strict hebben. Het CD-hoesje moet aan de linkerkant floaten (naast de 60x60 posticon) met de tekst er rechtsboven van beginnend. Het probleem met float:left of align="left" is dat de post niet meegroeit met de afbeelding. Zonder float of align="left" ziet het er zo uit:
[afbeelding]
De logische vraag: Hoe zorg ik ervoor dat de posthoogte meegroeit?
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |