het is trouwens ook lastig oplossen voor ons als je geen code post.quote: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 6 7 | <frame name="top" src="top.html" scrolling="no"> <frameset cols="180,*" border="0"> <frame name="left" src="left.html" scrolling="auto"> <frame name="main" src="news.html" scrolling="auto"> </frameset> </frameset> |
heb ik ook al geprobeerd en dan krijg ik ze wel in de juiste locatie, maar nog niet de juiste grootte.quote:Op zondag 1 oktober 2006 20:38 schreef the_disheaver het volgende:
kijk eens naar float: left
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 | #container{ position: relative; min-height: 100%; height: 100%; voice-family: ""}""; voice-family: inherit; height: auto; } #menu { float: right; position: absolute; left: 10px; top: 40px; width: 115px; border: black solid 3px ; border-top: none; border-left: none; } #content { position: relative; top: 40px; left: 125px; width: 639px; } #top { color : #0000FF; border: black solid 2px ; background-color: #FFFFFF; width: 764px; height: 30px; position: absolute; top: 10px; left: 10px; padding: 0px; font-family : Verdana; font-size : 20px; font-weight : bold; text-align : center; } //En volgens mij werkt het niet als het volgende niet ook in je stylesheet staat html{ height: 100%; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <div id="top"> </div> //de container <div id="container"> //in de container het menu- en het contentframe <div id="menu"> </div> <div id="content"> </div> // de container sluiten </div> |
ok, dit werkt, alleen zit er nu een 3px ruimte tussen #menu en #maincontents in IEquote:Op zondag 1 oktober 2006 21:24 schreef cyberstalker het volgende:
@ralfie: het kan heel makkelijk zonder container.
Je geeft de div#top een position absolute (met top en left op 0px) en height: 75px; . De body geef je een padding: 75px zodat de andere divjes er onder komen te staan.
div#menu geef je een float: left en een height: 100% en natuurlijk een width: 180px; . Nu hoef je alleen de div#maincontents nog een height: 100%; te geven en klaar is ralfie.
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 | <head><title>test</title> <style type="text/css"> body{ margin:0px; padding:0px; padding-top:75px; } #maincontents{ height:100%; background-color:green; overflow:auto; } #menu { float:left; height:100%; width:180px; background-color:blue; } #top { width:100%; background-color:red; position:absolute; top:0px; left:0px; height:75px; } </style> </head> <body> <div id="top">TOP</div> <div id="menu">menu</div> <div id="maincontents">contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br>contents<br> </div> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 | background-image:url('../style/img/header.png'); background-repeat:no-repeat; height: 230px; width:723px; vertical-align: bottom; text-align:left; font-size:20px; color:#ffffff; letter-spacing:-1px; border:1px solid black; } |
Een breedte in bijvoorbeeld procenten opgeven (width: 40%)of bijvoorbeeld werken met position: absolute op de buitenste elementen en een padding op de body indien je meerdere kolommen wilt.quote:Op woensdag 4 oktober 2006 22:31 schreef Darkomen het volgende:
Ik heb een aantal layout probleempjes welke verschillen in IE en FF
- Ik geef vaste maten op, maar hoe krijg ik dat mooi variabel zodat het in verschillende scherm grootes netjes is.
Ik weet niet precies wat je met 'de grijze balk' bedoelt, maar ik ga er vanuit dat dat iets met je achtergrondplaatje te maken heeft. Je kunt met padding opgeven waar de tekst moet beginnen. vertical-align is alleen bedoelt voor table-cells, wat dit zeer duidelijk niet is (het is een div)quote:- De tekst die in de header staat moet in de grijze balk staan, en ook beginnen waar de grijze balk begint.
maar op een of andere manier wil css niet luisteren, dus ik doe wat fout.
vertical-align: bottom; lijkt niet te werken.
header aquote:- Als er in header een link staat (<a href=") En die wil ik een andere kleur geven als al opgegeven is in a.active, a.link etc
Van IE weet ik niets.quote:- De divs lijken in ie, 5 pixels lager grooter dan in ff?
- De hoofd container div zit in FF 5 pixels lager
Zal ik hier dan maar 'dankjewel' neerzetten?quote:[ code verwijderd ]
Alvast bedankt!
De div zetten in een extra achtergrond-div (en daar de background weer in), en daar het filter op loslaten?quote:Op donderdag 5 oktober 2006 12:49 schreef super-muffin het volgende:
Ik heb in een DIV een transparante PNG als achtergrond, hoe fix ik dat in IE?
Dit had ik al geprobeerd:
[ code verwijderd ]
maar dat wil niet werken
HTML 4.01 Transitionalquote:Op donderdag 5 oktober 2006 11:56 schreef CraZaay het volgende:
Verschil in afmetingen van block level elementen, zoals divs, komt meestal door rendering op basis van een ander box model i.c.m. padding op het element. Welk doctype gebruik je?
Is dat omdat IE deze filter niet toestaat op hyperlinks?quote:Op donderdag 5 oktober 2006 13:21 schreef Berkery het volgende:
[..]
De div zetten in een extra achtergrond-div (en daar de background weer in), en daar het filter op loslaten?
(niet getest)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | background: url(../images/bg_header_h1_a.png); width: 340px; height: 100px; display: block; position: relative; left: -30px; text-indent: -9999px; } #header h1 a { position: relative; top: 10px; left: 11px; width: 324px; height: 80px; display: block; } /*IE STYLESHEET /* html>body #header h1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bg_header_h1_a.png',sizingMethod='scale');} |
Jawel, dat werkt gewoon op hyperlinks. Vaak gaat het fout bij het path; normaal als je een achtergrondafbeelding gebruikt in een extern CSS-bestand dan is het pad daar naartoe relatief vanaf het CSS-bestand. Bij gebruik van het IE-filter is het relatief vanaf de locatie waar het CSS-bestand wordt geinclude.quote:Op donderdag 5 oktober 2006 14:04 schreef super-muffin het volgende:
[..]
Is dat omdat IE deze filter niet toestaat op hyperlinks?
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |