Ik heb een irritant probleem, dat is namelijk dat in IE me website gewoon meegaat met de tekst, en in FF is hij gewoon heel lang, maar voor het fotoalbum niet lang genoeg.
Nu wil ik eigenlijk dat hij gewoon met de tekst meegaat dus kleine tekst kleiner vlak lange tekst langer vak.
/*
Webdisign: Milo van Soest
Datum: 17 augustus 2009
All right reserved
Internet Explorer, Firefox compitabel
*/
/* Algemeen */
body {
background-color: #9C9A9C;
text-align: center;
margin: 0px;
}
.main {
width: 760px;
text-align: left;
margin: 0px auto;
}
a.tekst:link, a.tekst:active, a.tekst:visited {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
a.tekst:hover {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: underline;
}
.Error {
width: 440px;
height: 28px;
line-height: 28px;
padding-left: 35px;
margin-left: 40px;
border: 1px #DEDF7D solid;
font-family: Verdana;
font-size: 10px;
color: #DF7E0D;
background: url(_IMAGES/Error.png) no-repeat;
background-color: #FEFFBF;
}
/* Header */
.header {
width: 760px;
height: 180px;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
background-image: url(_IMAGES/header.gif);
}
/* Het menu */
.menu
{
width: 760px;
height: 24px;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
line-height: 24px;
background-color: #000000;
border: 2px solid #FFFFFF;
}
.menu-link {
height: 24px;
padding-left: 6px;
padding-right: 6px;
border-right: 2px solid #FFFFFF;
color: #FFFFFF;
text-decoration: none;
}
.menu-over {
height: 24px;
padding-left: 6px;
padding-right: 6px;
border-right: 2px solid #FFFFFF;
color: #27CAFC;
text-decoration: none;
}
/* Container */
.container {
width: 760px;
min-height: 100%;
height: !important;
height: 100%;
padding-top: 10px;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
background-image: url(_IMAGES/container.gif);
}
/* De pagina */
.pagina {
width: 515px;
float: left;
}
.pag-titel {
width: 490px;
height: 22px;
margin-left: 25px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Verdana;
font-size: 20px;
color: #000000;
border-bottom: 1px dotted #000000;
}
.pag-tekst {
width: 465px;
margin-left: 50px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Verdana;
font-size: 11px;
color: #000000;
}
/* Informatie (Nieuws, Agenda, Poll) */
.info {
width: 220px;
float: right;
}
.info-titel {
width: 220px;
margin: 0px;
font-family: Verdana;
font-size: 15px;
color: #000000;
border-top: 3px solid #27CAFC;
border-bottom: 1px solid #27CAFC;
}
.info-tekst {
width: 220px;
padding-left: 10px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 0px;
font-family: Verdana;
font-size: 11px;
color: #000000;
}
a.inf-lkn:link, a.inf-lkn:hover, a.inf-lkn:active, a.inf-lkn:visited {
font-family: Verdana;
font-size: 11px;
color: #000000;
text-decoration: none;
}
/* Footer */
.footer {
width: 760px;
height: 25px;
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
line-height: 25px;
background-color: #000000;
border: 2px solid #FFFFFF;
}
Denken jullie dat ik me css opnieuw moet maken of gewoon aanpassen want er zijn nog een paar schoonheidsfoutjes?
Of
Weet iemand wat hier het probleem van is?
