Archief - CSS: Div probleem :(

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.
y

yannick

Legacy Member
Goedemiddag,

Ik zit met een heel vervelend probleem, namelijk ik krijg mijn divs niet goed op hun plaats.
Dit is mijn site in photoshop. Zoals jullie waarschijnlijk wel kunnen zien ben ik geen designer, dus liefst ook een minimum van commentaar op dit vlak :D.
Ik heb deze site gesliced en in html gezet (ongeveer toch :p). Ik heb alles goed gekregen behalve mijn news stuk (midden dus).

Ik zal even mijn situatie vertellen:

Ik heb een index.php waarin ik een stylesheet importeer. In deze index.php include ik ook (in volgorde) de onderdelen van mijn site waarvoor ik ook aparte php's heb aangemaakt(header.php,linksmenu.php,rechtermenu.php,news.php,bottom.php).

Structuur zit zo in elkaar (Van eerst in div gezet naar laatst):

#hoofdcontainer{ position:relative; width 1024px; height auto;}
-->#header{ position:relative; ... }
-->#logincontainer{ position:relative; float:left; ...}
--><div style="clear:both;"></div> (dit heb ik nodig, want anders flipt firefox en zet hij alles naast elkaarz)
-->#klassementcontainer{ position:relative; top:9px; float:left; ...}
-->#volgendewedstrijdcontainer{ position:relative; float:right; top:-185px }
-->#vorigewedstrijdcontainer{ position:relative; float:right; right:-208px ;top:-31px }
--><div style="clear:both;"></div>
-->#sponsorcontainer{ position:relative; float:right; top:-295px; margin-bottom:-295px }
-->#newscontainer{ position:relative; height:auto; width:585px; top-496px }

#bottom{ position:relative;}

P.S:Alles met --> hoort onder de hoofdcontainer

Met deze stylesheet krijg ik dus het probleem dan mijn bottom stuk 500px naar beneden staat (dit komt dus omdat ik top op -496px heb moeten zeteenom mijn newscontainer juist te krijgen). Ik kan dit dus ook niet oplossen met margin-bottom:-...px zoals ik bij sponsor heb gedaan omdat ik niet weet hoe groot mijn newsbox is :).

Dus om dit veel te lange verhaal kort te maken. Wat ik moet ik doen om eindelijk mijn site correct te laten weergeven :).

mvg
Yannick Wellens
D

Devastate

Legacy Member
ik zou u center; u rechter en u linkerbar samenpakken in 3 divs en die laten floaten op elkaar ipv alles appart te laten floaten.

-als ik u vraag goed versta toch-
y

yannick

Legacy Member
Hmm das wel een optie.

Dus maw:

3 divs maken: linker;midden;rechter en hierdan dan al mijn anders divs in zetten en die 3 "hoofddivs" gwn floaten.

Zou moeten werken :p

bedankt he!
y

yannick

Legacy Member
Omg, dit was zo logisch :). Bedankt voor de hulp.

Nu heb ik nog 1 probleem in firefox.

Hij zet ten eerste mijn middenstekader 10px lager dan de rest (terwijl dit in IE goed is) en als ik zeg float=right gaat hij 1px teveel naar rechts (terwijl dit weeral in IE perfect is...).

Dees dingen zijn wrs weer zoeken, zoeken, zoeken :p.

grtz

*EDIT*
Zucht, prachtig:

In IE werkt mijne transparante png niet (terwijl ik wel die "hack" bij de code heb gezet en in Firefox staan mijn divs ni perfect :p.
Ja jonges ! :D
I

Install

Legacy Member
Welkom in de wereld van cross-browser programmeren :d ;)

gebruikt gij dreamweaver?
zoja check die presets eens daar staat veel informatie in en is vrij goed gegenereerd( naar mijn mening) voot die PNG probeer dit eens
Code: 
#element
{
background-image: url(image.png);
}

* html #element
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="shadow_top_left.png", sizingMethod="crop");
}
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