Marcooo
Legacy Member
Wel ik heb dus een probleem. Ik zou graag rechts van mijn logo een 2de logo willen zetten, maar hij verspringt naar onder. Als ik dan een float: left; geef aan mijn eerste logo, is het fixed in ff maar niet in IE: hier zie je het probleem: http://www.uploadgeek.com/uploads456/831/1.jpg
Ik heb met een aantal dingen vaak een probleem over hoe en waar ze komen Zoals met die border bv bij character ook te zien in het 2e menu. Gebruik ik mijn floats verkeerd of heeft het met position te maken? Kan iemand misschien wat meer info geven over die float en position?
Momenteel staan er veel onodige dingen in, maar eens klaar gaan die er weer uit
!
Dank u alvast.
Ik heb met een aantal dingen vaak een probleem over hoe en waar ze komen Zoals met die border bv bij character ook te zien in het 2e menu. Gebruik ik mijn floats verkeerd of heeft het met position te maken? Kan iemand misschien wat meer info geven over die float en position?
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Social Life</title>
<style type="text/css">
/* Begin CSS Style */
/* Licentie FastWebDev.be 2008. Mag enkel gebruikt worden voor de doelstelling ervan.
Mag niet door 3e gedownload en/of gebruikt worden. Dit is schending van de privacy
rechten en zal bestraft worden. */
/* Body */
body
{
background: #ececec;
font-family: "Trebuchet MS";
font-size: 12px;
color: #181917;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
li
{
}
/* Titel Opmaak */
.titel
{
font-family: "Trebuchet MS";
font-size: 16px;
color: #70ca10;
}
/* Header */
.headline
{
background: url(images/header.png);
width: 100%;
height: 30px;
border-bottom: #666 solid 1px;
border-top: #666 solid 1px;
}
.headline .be
{
float: right;
background: url(images/be.gif);
width: 18px;
height: 12px;
margin-top: 9px;
margin-right: 10px;
}
.headline2
{
background: url(images/header2.png);
width: 100%;
height: 8px;
border-bottom: #666 solid 1px;
}
.logo
{
background: url(images/logo.png);
width: 258px;
height: 54px;
margin-top: 146px;
margin-left: 10px;
}
.logo2
{
background: url(images/logo2.png);
width: 355px;
height: 200px;
margin-top: 20px;
margin-left: 470px;
}
/* Menu Links */
.menu
{
float: left;
width: 150px;
height: 300px;
margin-top: 20px;
margin-left: 10px;
}
.menuborder
{
float: left;
border-right: #666 dashed 1px;
height: 300px;
width: 0px;
margin-top: 20px;
}
.menu .titel
{
margin-top: 0px;
}
.menu .tekst
{
margin-top: 0px;
left: 10px;
}
/* Content */
.content
{
width: 450px;
height: 300px;
margin-top: 20px;
margin-left: 200px;
}
.content .titel
{
}
.content .tekst
{
top: 30px;
}
/* Login */
.login
{
float: left;
border: #666 dashed 1px;
margin-top: 20px;
margin-left: 10px;
width: 250px;
}
.login .titel
{
}
.login .tekst
{
margin-top: 10px;
}
/* Menu Rechts */
.menu2
{
float: right;
width: 150px;
height: 300px;
margin-top: 20px;
}
.menu2border
{
float: right;
border-right: #666 dashed 1px;
height: 100%;
margin-bottom: 10px;
}
.menu2 .titel
{
float: left;
margin-left: 10px;
}
.menu2 .tekst
{
margin-left: 10px;
}
/* Footer */
.footer
{
height: 100px;
width: 100%;
}
.footerborder
{
border-top: #666 dashed 1px;
width: 100%;
top: 10px;
}
.footer .tekst
{
}
/* Einde CSS Style */
</style>
</head>
<body>
<div class="headline">
<div class="be"></div>
</div>
<div class="headline2"></div>
<div class="login">
<div class="titel">Log in!</div>
<div class="tekst">Gebruikersnaam: <br />
Wachtwoord:
</div>
</div>
<div class="logo"></div>
<div class="logo2"></div>
<div class="menu">
<div class="titel">Navigatie</div>
<div class="tekst">
<br />
Home <br />
Instructies <br />
Tutorial <br />
<br />
Registreren <br/>
Login
</div>
</div>
<div class="menuborder"></div>
<div class="menu2">
<div class="menu2border">
<div class="titel">Character</div>
<div class="tekst"></div>
</div>
</div>
<div class="content">
<div class="titel">Nieuws</div>
<div class="tekst">
<br />
Het spel is een sjiek spel, dat ge sjiek zult vinden omdat het sjiek is, en als u dat niet
aanstaat, zijt ge zelf niet sjiek, want het is sjiek. Weet ge zelfs dan het 100% full CSS is?
Sjiek eh! Alé HAPPY 2008 enzo hé!
</div>
</div>
<div class="footer">
<div class="footerborder"></div>
<div class="tekst">© Fastwebdev.be - 2008. Alle rechten voorbehouden.</div>
</div>
</body>
</html>Momenteel staan er veel onodige dingen in, maar eens klaar gaan die er weer uit
!Dank u alvast.