Archief - HTML/CSS: DIV hoogte in IE

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

[EZ]

Legacy Member
Eerst en vooral:
'k Heb al véél gezocht, zowel op Google, ier op't forum en PositionIsEverything.net en 'k heb nog geen een deftige oplossing gevonde die'k kon toepasse (wrs omda'k zo n00b ben :s)

Ik wil da zowel in IE als FF en alle andere browsers een div weergegeven wordt die ofwel:

evengroot is als de inhoud (dus da ge in de pagina naar benede moe scrollen)

ofwel:
evengroot is als't scherm (dus da ge in den div naar benede moe scrollen)

'k Heb al veel zitte prutsen, waardoor het er zowel in IE als in FF mottig uitziet :s

Misschien is da op te losse me positioning, ma ik zie echt geen werkende mogelijkheid... :sad:

LINK: www.pimp-pictures.be (naar PICTURES gaan of WALLPAPERS, daar moete scrolle ;))

CSS:
Code:
<!--
html, body {height: 100%}
a {color: black; text-decoration: underline}
a:hover {color: black; text-decoration: overline}
a:active {color: black; text-decoration: none}
body {
background: #6a7175;
font-family: verdana, tahoma,arial;
color: black;
font-size: 10pt;
text-align: center
}
#container {
width: 700px;
height: 100%;
margin-left: auto;
margin-right: auto;
background: white;
border: 1px solid black;
font-weight: bolder
}
#picture {
width: 700px
}
#text {
width: 700px;
height: 100%
}
-->

HTML:
Code:
<body>
<div id="container">
<div id="picture"><img src="logo.jpg"></div>
<div id="text">
&nbsp;<br>
<a href="home.html" target="iframe">HOME</a>
-
<a href="faq.html" target="iframe">FAQ</a>
-
<a href="history.html" target="iframe">HISTORY</a>
-
<a href="links.html" target="iframe">LINKS</a>
-
<a href="members.html" target="iframe">MEMBERS</a>
-
<a href="movies.html" target="iframe">MOVIES</a>
-
<a href="pictures.html" target="iframe">PICTURES</a>
-
<a href="wallpapers.html" target="iframe">WALLPAPERS</a>
<br>
<iframe src="home.html" name="iframe" frameborder="0" width="100%" height="100%">
Je gebruikt een te oude internetbrowser om deze pagina te kunnen bekijken, download een nieuwere versie om door te gaan...
</iframe>
</div>
</div>
</body>

En dan heb'k nog 1 klein en onschuldig foutje dat misschien door het oplossen van het bovenstaande probleem ook zal opgelost zijn:
Als ge goe kijkt ziede tot 200px de onderkant nen 1px solid zwarten border, ma diene is weg vanaf da punt!? :unsure:

Alvast bedankt en greetz,
[ EZ ]

Rvl

Legacy Member
een soortgelijk probleem is hier een paar dagen geleden al gevraagd. css2 positioning biedt nog geen echte oplossing voor height. Toepassingen zijn hier dus redelijk beperkt. Verder is u vraag redelijk onduidelijk met xxx ofwel xxx.
ik versta dat je altijd een minimumhoogte van u viewport height wilt en dit is te bereiken door een w3c dom script te integreren.

[EZ]

Legacy Member
Me da van "xxx ofwel xxx" bedoel'k eiglijk da de scroll ofwel in den div staat ofwel rechts in de pagina (zoals op dit forum ;))

En welk script van w3c is da dan? :unsure:

[EZ]

Legacy Member
Weet niemand een oplossing?
Maakt mij nie uit of het een script is of iets anders, ma 't is redelijk dringend (voor't school :s)

Ne link is ook goe ;) (liefst wel naar de oplossing, en nie gwn een CSS site)

$p!d€r

Legacy Member
ik heb dus ongeveer hetzelfde probleem voor
alleen gebruik ik niet echt frames

mijn probleem:
ik ben dus bezig aan een site voor een fictieve radio en ik zou graag hebben dat men middelste div, genaamd 'middle', een scrollbar krijgt van zodra er teveel info inzit
ik heb dit deftig kunnen oplossen in firefox door bottom:0;
css:
#middle
{
position: absolute;
left: 146px;
right: 176px;
top: 83px;
bottom: 0px;
overflow:auto;
overflow-x: hidden;
background-color: #300101;

}
maar eens ik mijn site open in IE dan doet hij heel raar
die div beperkt zen eigen grootte niet meer waardoor de site een scrollbar krijgt
iemand enig idee hoe ik dit kan oplossen in IE?
Url site
pic 1 in firefox (hoe het moet zijn): pic1
pic 2 in IE (waar het dus fout gaat): pic2

moonstorm

Legacy Member
ik hem al de oplossing gemaakt :p
ma ge moet maar aan spider vragen wa em was, want kheb files al delete :oink:

[EZ]

Legacy Member
Ier is't eiglijk ongeveer 't zelfde, alleen zit ik me 2 scrollbars: 1 in mijnen div en 1 op de pagina (dus rechts op beeld, zoals op $p!d&#8364;r zijnen IE screen.

En ik wil da da 1ne scrollbar wordt, gelijk de welken...


Een groot deel van mijne mizerie komt doordat IE "height" als "min-height" beschouwt :doh:
Bestaat er daar geen oplossing/omzeiling voor??? :unsure:


moonstorm zei:
ik hem al de oplossing gemaakt :p
ma ge moet maar aan spider vragen wa em was, want kheb files al delete :oink:
'k Ga em direct is PM'e ze :)

moonstorm

Legacy Member
geef mij een link waar ik uw stuff kan bekijken, want zo zie ik nie wa voor opbouw uw site heeft, maar normaal kunt ge in css vanal instellen voor divs.
ik zou als ik 1 div in scroll wil zetten het volgende doen.

bij body:
overflow: hidden
x-overflow: hidden

bij de div die moet scrollen
overflow: auto of scroll
x-overflow: hidden
height: <getal>% (afhankelijk van opbouw van uw site ofc)

moonstorm

Legacy Member
achzo je werkt met een iframe, dat verheldert natuurlijk de boel
gewoon scrolling="auto" bij in je iframe tag steken

[EZ]

Legacy Member
Ja, zo werkt het :D

1000x bedankt ;) :bow:


Maar dan nog 1 vraagje :p:
Hoe kan'k ervoor zorgen dat mijn banner div 200 px is en de text div den overschot? (als da gaat)

Me bv. 20% en 80% lukt da nie want dan zal de bannerdiv in sommige resoluties véél te groot of te klein zijn...

moonstorm

Legacy Member
euhm, even denken.
ik heb da ooit opgelost met min height in te stellen en dan ne tabel div relatief te positioneren en die 100% height te geven.

[EZ]

Legacy Member
Diene tabel div, is da dan den div me den banner in?

En de min-height, is da van de container/body/text div?

moonstorm

Legacy Member
table div en minheight is beiden inhoudvakje, gewoon statische 200 px geven aan je banner

[EZ]

Legacy Member
Wa bedoelde juist!? :s

'k Heb nu dit:

Code:
#container {
width: 700px;
height: 100%;
margin-left: auto;
margin-right: auto
}

#picture {
width: 700px;
height: 200px
}

#text {
position: relative;
width: 700px;
min-height: 50%;
background: black
}
-->
Wa moet er verandere? :unsure:

[EZ]

Legacy Member
'k Zou het eiglijk wille verandere:

Da de div aangepast wordt aan de inhoud (dus da ge nie in den div moe scrolle, maar da de scroll gans rechts staat, zoals op deze site)
Want da is veel makkelijker, aangezien 'k nu wel in den div kan scrolle, ma den div is te groot t.o. de browers, waardoor ge wel nog enkele px naar benede moet scrolle :s


Of eventueel da de div zou aangepast worde aan de beschikbare ruimte (dus nie ivm de pixels van de res, maar aan bv. de overschot van het venster van IE (dus werkbalken ook weg en al)

Sorry voor de moeilijken uitleg ;) :p

Bram

Legacy Member
oplossing:

vervang de iframe met een div waar ge u content inzet. zet de height van uw div op "auto", om uw navigatie enigszins te vergemakkelijken kannek u ook een eenvoudig php scriptje geven, ma laat eens weten of ge php ondersteuning hebt


ge kunt natuurlijk mee percentages werken voor de height (maar vergeet dan niet uw html, body tags ook een percentage hoogte mee te geven)

nuttige links:
http://www.oswd.org/design/preview/id/2725 : frame systeem maar met div's (ge moet eens de code lezen/bestuderen)
http://www.quirksmode.org/css/100percheight.html : 100% height

[EZ]

Legacy Member
'k Ben 5 daagjes weggeweest, dus sorry voor late relpy ;)

Straks ga'k het is bekijke en uitteste, dan laat'k wel wete of het werkt of nie :)

EDIT:
Geen PHP ondersteuning :s (gratis Telenet webspace :unsure: )

EDIT²:
'k Heb de codering van Progress (http://www.oswd.org/design/preview/id/2725) wa omgevormd ma ik kom der nog nie :s
En 100% height werkt ier precies nie, ma 'k ga mijn site nog is goe controlere op foute...

Nu is't dus zo:
www.pimp-pictures.be
't ziet der (gelukkig) zowel in IE als in FF hetzelfde uit :)

Bram

Legacy Member
ik begin binnekort mee hosting voor 2.5 pond per maand voor 1 gig webspace...
mee alles derop aan deraan... moest ge ooit geintresseerd zijn...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan