Archief - HTML/CSS: In firefox perfect en in IE een warboel :(

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.

DarthBen666

Legacy Member
Ik ben mijn site dus aan het vervista-en (enige gelijkenis met andere sites berust op puur toeval :lol: ).
Maar ik heb een klein probleempje, vermits ik mijn site heb moeten aanpassen om de bovenste balk "uit" de rest van de site te krijgen zodat ik hem over heel de bovenkant kan doen lopen heb ik de div's moeten aanpassen en toen is er iets foutgelopen denk ik :confused:

Ik ben echt ten einde raad!

DE WEBSITE

De CSS Code:
Code:
* {
	margin: 0;
	padding: 0;
}

body {

	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	background: url(vista/bg.jpg) top left fixed;
}

#dewebsite {
	position: absolute;
	left: 50%;
	width: 1024px;
	margin-left: -512px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
}

* a {
	text-decoration: none;
	color: Darkred;
}

li {
	list-style-type: none;
}

#logostrip {
	background: url(vista/tile_back.png);
	height: 150px;
	margin: 0;
	background-repeat: x-repeat;
	border: 0;
	width: 100%;
	padding: 0px 7px 0px 7px;
	margin: 0px 0px 0px 0px;
}

#header {
	background-color: white;
	color: black;
	font-size: 28px;
	width: 100%;
	padding: 20px 7px 20px 7px;
	border:1px solid Black;
}

#menu {
	width: 100%;
	background: url(vista/tile_cat.gif);
	color: White; 
	margin-bottom: 10px;
	padding: 10px 7px 10px 7px;
	border:1px solid White;
}

#menu li {
	display: inline;
	padding-right: 40px;
	margin-left: 15px;
}

#menu a {
	color: White;
}

#menu a:hover {
	color: #FFD700;
}

#tekst {
	width: 100%;
	margin-top: 10px;
	border:1px solid Black;
	padding: 7px;
	background-color: white;
}

#footer {
	margin-top: 10px;
	background-color: white;
	width: 100%;
	padding: 7px;
    border:1px solid Black;
}

BloodSeaker

Legacy Member
Floats gebruiken kan u al serieus op weg helpen

Oja, ik denk niet dat Microsoft dat apprecieert dat je klakkeloos vanalles van hun overneemt op JOUW site, zoals het windows vista logootje linksboven (waar duidelijk de copyright R in staat)

DarthBen666

Legacy Member
Ok ik zal het weghalen ;) (ik heb de "orb trouwens van een fansite gehaald :P )

Hoe moet ik die floats dan gebruiken? (ik ben nogal een leek op dat soort dingen)
Ik heb al vanalles geprobeerd maar ik krijg ze niet bij FF en IE in het midden :(

BloodSeaker

Legacy Member
Om divs in het 'midden' te krijgen moet ge eigenlijk 2 dingen doen;

1: text-align: center op uw overkoepelend niveau (dus op de body, of op uw containerdiv of zo)
2: margin: 0 auto op uw div die ge gecentreerd wilt hebben

In Firefox is het correct lijkt me, dus wsl een text-align: center die ge mist op #dewebsite
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