login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div resized niet in IE

Offline phpfreak - 02/12/2007 15:14 (laatste wijziging 02/12/2007 15:19)
Avatar van phpfreakPHP beginner Beste SiMa,

Ik heb een nieuwe website ontworpen maar er is een probleem met een javascript, dat normaal de div met de site content in resized zodat de volledige pagina net de hoogte heeft van het venster. Het probleem is dit gebeurt niet. Javascript staat aan, en het werkt wel in firefox.

javascript code:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript1.5">
  2. function resize(){
  3. 	var innerheight = window.innerHeight;
  4. 	var innerheightnew = innerheight-235;
  5. 	document.getElementById('content').style.height=innerheightnew + "px";
  6. }
  7. </script>


de div:
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="content">..</div>


De css van de div:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div#content {
  2. 	margin-left:25px;
  3. 	overflow:auto;
  4. 	height:300px;
  5. 	background-image:url(images/background.jpg);
  6. 	background-repeat:no-repeat;
  7. 	background-position:center;
  8. 	background-attachment:fixed;
  9. }


en de body(waar het resizen aangeroepen word):
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <body onload="resize();" onresize="resize();">


Weet iemand wat het probleem kan zijn?

13 antwoorden

Gesponsorde links
Offline JesseStr - 02/12/2007 15:47
Avatar van JesseStr Nieuw lid Oké dat probleem had ik ook vroeger.

Wat U moet doen is in de css jouw:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. overflow:auto;


Auto moet Hidden worden.

Met vriendelijke groet,
Jesse
Offline phpfreak - 02/12/2007 15:50
Avatar van phpfreak PHP beginner Nee je begrijpt het verkeerd. Hetgeen dat ik wil bereiken is dat als de pagina laad, of geresized word, dat de div met alles in een hoogte krijgt zodat de volledige site hoogte net in het venster past.

dit is de link (localhost op mijn pc ip is tijdelijk dus)
http://81.242.8.193/eternalatrocity_new

vergelijk maar in firefox en internet explorer.
Offline JesseStr - 02/12/2007 15:56
Avatar van JesseStr Nieuw lid Ah oké sorry,

Je wilt dus de content die je hebt dus je nieuws enzo zorgen dat die allemaal mooi zonder scrollbar op de pagina staat?

Dan zet je in je css de height op auto
en zet je in je css bij je container overflow:hidden;
Offline citroen - 02/12/2007 15:56
Avatar van citroen Onbekend hoogstwaarschijnlijk doet ie moeilijk omdat:
window.innerHeight iets als 500px terug geeft gooi der ne parseInt rond: parseInt(window.innerHeight); zodat dit 500 is en niet 500px. dan kan je pas beginnen rekenen en -235 doen.
Offline phpfreak - 02/12/2007 16:02
Avatar van phpfreak PHP beginner @Jesse:

Ik begrijp het niet helemaal, maar als je de site in firefox bekijkt, dat is hoe hij moet zijn. Alles wat anders is in IE is dus verkeerd.

@citroen:
Met dieparseint blijft het hetzelfde, werkt in ff en niet in IE
Offline JesseStr - 02/12/2007 16:04
Avatar van JesseStr Nieuw lid Ja weet ik met zet de height eens op auto je zal het wel merken
Offline phpfreak - 02/12/2007 16:09 (laatste wijziging 02/12/2007 16:10)
Avatar van phpfreak PHP beginner Maakt geen verschil

Krijg wel al de hele tijd in IE een foutmelding van lijn 7
lijn 7&8:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function resize(){
  2. document.getElementById('content').style.height=parseInt(window.innerHeight) - 235 + "px";


foutmelding: "ongeldig argument" bij teken 1
Offline JesseStr - 02/12/2007 16:21
Avatar van JesseStr Nieuw lid Ik zie dat het opgelost is!

Proficiat!

Met vriendelijke groet,
Jesse
Offline phpfreak - 02/12/2007 16:24 (laatste wijziging 02/12/2007 16:25)
Avatar van phpfreak PHP beginner Hmm niet egt dat is niet wat ik wilde bereiken, je moet maar eens naar een andere pagina gaan in IE dan komt de footer net onder de inhoud. Wat ik wilde bereiken is dat de footer altijd tegen de onderkant van het venster plakken.

Daarvoor had ik ook die javascript code maar die blijkt niet te werken in IE..
Offline JesseStr - 02/12/2007 16:26
Avatar van JesseStr Nieuw lid zet dan in de footer css

margin-bottom:0;
Offline phpfreak - 02/12/2007 16:36
Avatar van phpfreak PHP beginner Maakt ook totaal geen verschil. Ik zal wel gewoon de footer laten zweven in IE.
Offline JesseStr - 02/12/2007 16:41
Avatar van JesseStr Nieuw lid Maakt dus wel verschil. Hij houd dan de footer tegen de bottom van de body
Offline phpfreak - 02/12/2007 16:45
Avatar van phpfreak PHP beginner bij mij niet 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.181s