Archief - Q: CSS hacks

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

TheBram

Legacy Member
ik ben bezig aan de vernieuwing van deze site, omdat de site voordien moest functioneel zijn heb ik neit echt veel aand8 gespendeerd aan design, maar nu ist examens, tijd over dus, dus ben ik een begonne met een tweede versie. Maar zoals altijd heb ik het probleem om de site crossbrowser compatibel te maken. Ik verkies firefox, hier ziet hij er dus goed uit, maar IE doet weer beu

screen FF
screen IE

Zoals altijd gaat IE padding en margin anders opvatten, dus trekt et weer op de kl*ten

Nu heb ik ff gegoogled en css hacks gevonden. Maar is dit wel goed om te gebruiken of moet ik mijn design gaan aanpassen zodat het in beide browsers mooi oogt?

Edit: bij de IE screen staat er al een textbox, bij FF staat die er natuurlijk ook, maar ik had die ene screen vroeger getrokken dan e andere. Maar bij FF staat mijn tekst wel mooi in mn div, zoals je ziet bij IE staat die aan de onderkant geplakt
e

exxhal

Legacy Member
Eventueel een screenshot van u code en screenshot van u css.
Z

Zero Grav

Legacy Member
Misschien is het beter eerst eens naar uw eigen code te kijken in plaats van direct de schuld op internet explorer te steken. Ik heb zo'n problemen namelijk niet. En zonder code kan er ook maar weinig verholpen worden.
d

dJeez

Legacy Member
TheBram zei:
Zoals altijd gaat IE padding en margin anders opvatten, dus trekt et weer op de kl*ten
Klik om te vergroten...
Dat heeft slechts 1 reden sedert IE6, en dat is dat je in Quirks mode terechtkomt. Zorg er dus eerst maar eens voor dat je pagina en CSS valideert (begin alvast maar met een DOCTYPE te specifiëren) en zaag dan pas op IE :p.
T

TheBram

Legacy Member
ok, ksnap et, maar welke doctype kan ik nu eig het beste gebruiken, want et ziet er mij nogal een warboel uit



(en khaat :puke: IE nog steeds)

edit: keb deze doctype eens inegbracht:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">, mar dit veranderde niet veel, mss werd elke element enkele pixels omlaag geschoven maar dat is het dan ook

hier is ook mijn css code:
Code: 
<style type="text/css">

body {
	color: white;
	background-color: #1a1a1a;
	background-image: url('headertop.bmp');
	background-repeat: repeat-x;
	}

#bar {
	margin-top: 25px;
	position: absolute;
	left: 0px;
	}

#logo {
	margin-top: 50px;
	margin-left: 50px;
	font-family: Verdana;
	font-weight: 110%;
	}
#subtitel {
	display: block;
	background-image: url(menustripe2.png);
	font: 21px bold verdana;
	padding: 7px 0 4px 3px;
	margin: 0px;
	width: 73%;
	position: absolute;
	top: 203px;
	left: 210px;
	color: #00dd00;
}

#text {
	position: absolute;
	top: 235px;
	left: 210px;
	width: 70%;
	font: bold 14px verdana;
	border-bottom: 1px solid #005500;
	border-left: 1px solid #005500;
	border-right: 1px solid #005500;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	height: 225px;
	}

#bottom {
	position: absolute;
	left: 40%;
	top: 95%;
	}

a {
	text-decoration: none;
	color: green;
	font-family: trebuchet ms;
	font-weight: 105%;
	}
T

TheBram

Legacy Member
typisch dat gekak weer als men fan is van een bepaald iets, IE werkt gewoon traag op mijn comp, das de enige reden waarom ik IE 'haat'.
Keb 2 doctypes ingebr8, 1 van html en 1 van xml, en de padding in mn tekstvak is ondertussen ok, de breedte van het tekstvak klopt nu ook met de kop, maar enkel mijn menu links blijft nog te hoog staan

hier is de code van mn menu:

Code: 
#menu {
font: bold 16px Verdana;
font-size: 120%;
width: 160px;
padding: 0px;
margin-top: 100px;
margin-left: 15px;
}

#menu h1 {
display: block;
background-image: url(menustripe2.png);
font-size: 110%;
padding: 7px 0 4px 3px;
margin: 0px;
width:157px;
}

#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #005500;
border-left: 1px solid #005500;
border-right: 1px solid #005500;
height: 240px;
}
#menu ul li {
margin: 0px;
padding: 0px;
}
#menu ul li a {
font-size: 80%;
display: block;
border: none;
padding: 6px 0px 3px 3px;
text-decoration: none;
color: #006600;
width:160px;
}

#menu ul li a:hover, #menu ul li a:focus {
color: #00cc00;
width: 157px;
}
Z

Zero Grav

Legacy Member
Ik heb een Mac, veel Internet Explorer zal ik dus niet gebruiken lijkt me. 't Gaat eerder over het hersenloos bashen op browsers door zoveel mensen.

En indien ge dit opgelost wilt hebben zullen we gewoon uw volledige html en css moeten hebben.
e

exxhal

Legacy Member
Werk in den begin niet met "position: absolute;"
en verander deze door "float: left;" voor u bar.
Bekijk je resultaat.
e

exxhal

Legacy Member
gebruik voor je css:
body
header
content
left
right
footer
eventueel footercontent
a

adrianhates

Legacy Member
op ziets lelijk en te fel voor mijn oge blijvek zelfs ni zien

( niks persoonlijk xD )
f

frenzal

Legacy Member
probeer altijd te vermijden om een width/height en padding/margin in te stellen opdezelfde element, een beetje vervelend maar meestal is dit wel goed te doen en zo vermijd je al 90% van de problemen, de padding/margin stel je dan in op het element binnen de div (of andere) met vaste width/height
D

Devastate

Legacy Member
ik vind eigelijk die foxy data v1 veel beter dan deze ...
T

TheBram

Legacy Member
nuja, na veel gepruts is het toch in orde gekomen, ik zal de code later eens zuiveren, momenteel ebbik examens dus niet echt veel tijd om mij te verdiepen in css. De kleuren ga ik voorlopg zo laten, mss verander ik ze later naar blauw.
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