PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
R

FF Layout werkt niet

Door Robert Deiman op 17-05-2006 12:56
3.027 views
Ik ben bezig de voetbalsite voor ons team te vernieuwen, en heb daarvoor de volgende layout gemaakt.
Zie http://www.robertdeiman.net/nieuw/
In IE werkt het helemaal zoals ik wil, de hoogte en breedte zijn in %, en hij vult het scherm zoals bedoeld. In FF echter, pakt die alleen de % in de breedte van de pagina. In de hoogte weigert die de % over te nemen, heeft iemand hier een oplossing voor?
Willem Jan Z
18-05-2006 03:11
Hij maakt dus ook de #test 100% hoog hè!
J
Jelle -
18-05-2006 07:09
als je iets 100% height wilt hebben moet alles waar dit in staat ook 100% height zijn

<body><!-- 100% hoog -->
<div id="container"> <!-- 100% hoog -->
<div id="iets"> <!-- 100% hoog -->
</div>
</div>
</div>
A
ArendJan
18-05-2006 08:25
Het is altijd een gekloot met FF en IE , daar heb ik dus ook last van, je moet gewoon vanalles proberen tot er op een gegeven moment in beide een redelijk resultaat wordt gegeven...
R
Robert Deiman
18-05-2006 09:15
Sorry, ik had een deeltje gemist. De omringende Div (pagina) was ik vergeten hoogte 100% te geven. Nu werkt het wel.
Zo heb ik toch een liquid layout voor elkaar gekregen. Er was ook iets met leestekens die meegroeien, nog even weer opzoeken hoe dat zat. Ik ga er echt een liquid layout van maken, in zijn geheel.
R
Robert Deiman
20-05-2006 15:25
Zo, nog steeds bezig, de layout begint ergens op te lijken, maar nu wil ik met afbeeldingen op de achtergrond doen "alsof" er afgeronde hoeken zijn. In IE pakt die het wel en zet die de afbeeldingen gewoon neer, maar in FF zie ik ze niet, terwijl ze er wel zouden moeten zijn. Iemand een oplossing?
Dit is de .css van het bestand:
.centermain {
background-color: transparent;
height:85%;
width:100%;
color:#003366;
border-color:#000000;
border-style:none;
overflow:auto;
background-attachment: fixed;
background-image: url('rechtsboven.gif');
background-repeat: no-repeat;
background-position: top right;

}
.centercenter {
background-color: transparent;
height:100%;
width:100%;
color:#003366;
border-color:#000000;
border-style:none;
overflow:auto;
font-size: 120%;
background-attachment: fixed;
background-image: url('linksboven.gif');
background-repeat: no-repeat;
background-position: top left;
}

.centermain is de omringende DIV van .centercenter. en .centercenter is even groot als .centermain.
R
Raymond ---
20-05-2006 16:30
background-image: url('linksboven.gif');
background-image: url('rechtsboven.gif');

moet volgens mij zijn:

background-image: url(linksboven.gif);
background-image: url(rechtsboven.gif);
R
Robert Deiman
20-05-2006 17:31
Geprobeerd, helpt niet.. en op w3schools staat het als voorbeeld ook met de quote:
Dus wel zoals ik het had.
Willem Jan Z
20-05-2006 17:51
En als je hem wel laat repeaten? Zie je hem dan wel?
L
Leo
20-05-2006 17:56
.content_right_block_left_top {
background: url('images/screenshots_links_boven.gif') no-repeat left top;
}
.content_right_block_right_top {
background: url('images/screenshots_rechts_boven.gif') no-repeat right top;
}
.content_right_block_left_bottom {
background: url('images/screenshots_links_onder.gif') no-repeat left bottom;
}
.content_right_block_right_bottom {
background: url('images/screenshots_rechts_onder.gif') no-repeat right bottom;
}

zo heb ik het nu..
R
Robert Deiman
20-05-2006 18:42
Nope, pakt hem ook niet in FF.. beetje vreemd :S

Reageren

Inloggen om te reageren