Archief - HTML/CSS: Nog paar kleine Prob's met FF/IE

Vinz · 2 aug 2006

Hai iedereen,

Ik ben tussen de 2de zit door bezig met een site te maken met CSS en html voor een maat van me, maar er zijn nog paar problemen waar ik niet uit geraak. In Firefox ziet de site er quasi uit zoals hij het zou willen maar in IE geeft dit een andere layout.

Link naar de site

Probs:
1. Het submenu opent op de verkeerde plaats in IE.
2. De transparency langs de zijkanten word in IE niet weergegeven, in de plaats komt er een kleur door IE zelf gekozen.

Vragen:
1. Ik zou graag willen dat de pagina automatisch de grootte aanneemt van de resolutie van de bezoeker. men header en bottom zijn met vaste pixels maar men middle (waar text ingeladen wordt) zou variabel moeten zijn. iemand enig idee hoe ik dit voor elkaar krijg?
2. Ik krijg de ruimte onder en bovenaan de site niet weg, er is nog een minieme spatie in de achtergrondkleur.
3. Als je op een menukeuze klikt waarvan de inhoud groter is als de middle, zou er een scrollbar moeten komen (zoals bij Cursusdienst) Alleen zou deze meer naar links gepositioneerd moeten worden.

Alvast bedankt op voorhand !

Vinz · 3 aug 2006

iemand enig idee, je zou er mij alvast enorm mee helpen?

Xavez · 3 aug 2006

1) Variabel: je afstanden in procenten zetten, bijvoorbeeld 80%, 90%,.... Let bij het optellen van procenten wel op dat je altijd >100% komt (strict kleiner dus. m.a.w. nooit 70% + 15% + 14% + 1%). Anders kom je vroeg of laat wel in de shit met een of andere browser die niet goed kan rekenen

.

2) in je css, onder body{margin: 0; padding: 0;}

3) de scrollbar zelf kan je niet "positioneren", die is gewoon afhankelijk van hoe je je divs geplaatst hebt

Vinz · 3 aug 2006

Xavez zei:
1) Variabel: je afstanden in procenten zetten, bijvoorbeeld 80%, 90%,.... Let bij het optellen van procenten wel op dat je altijd >100% komt (strict kleiner dus. m.a.w. nooit 70% + 15% + 14% + 1%). Anders kom je vroeg of laat wel in de shit met een of andere browser die niet goed kan rekenen .

Daar zit juist het probleem.. Mijn header en footer zijn vaste waarden, in pixels. Ik heb het zo moeten doen omda men afbeeldingen die erin weergegeven worden op de juiste groote moeten afgebeeld worden. Enkel de Middle mag dus variable zijn.. enig ideetje hiervoor?

Xavez zei:
2) in je css, onder body{margin: 0; padding: 0;}

DANK JE! dit werkt perfect nu..

Xavez zei:
3) de scrollbar zelf kan je niet "positioneren", die is gewoon afhankelijk van hoe je je divs geplaatst hebt

Ik heb dit kunnen oplossen door men middle nog is in 2 div's op te verdelen, zodat men scrollbar in de eerste div weergegeven wordt

maar dit heeft ander probleem met zich meegebracht, nl het volgende:
in FF wordt met footer niet meer weergegeven onder men middle, maar direct onder men header (en dus achter men middle, als je goed op de kanten kijkt zie je de randen ervan staan). In IE geeft het dit dan weer correct weer.

dit is men css voor men middle div

Code:

#middle_left{
	background-image:url(images/middle_left.png);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color:#2E3092;
	width:614px; 				/*	700(breedte container)-30(padding-left)-30(padding-right)-26(middle_right)=614	*/
	height: 550px;
	padding-left: 30px;				
	padding-right: 30px;		
	overflow: auto;				/*	zorgt ervoor dat er een scrollbar weergegeven wordt als de inhoud van middle >550px (instelling van height)*/
	float:left;
}

#middle_right{
	background-image:url(images/middle_right.png);
	width:26px;
	height: 550px;
	float:right;
}

Archief - HTML/CSS: Nog paar kleine Prob's met FF/IE

Vinz

Legacy Member

Vinz

Legacy Member

Xavez

Legacy Member

Vinz

Legacy Member