DIV rekt niet mee

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Joey van Gelder

Joey van Gelder

21/03/2013 22:32:18
Quote Anchor link
Goedendag,
Onderstaand is mijn CSS

Quote:
body {
background-color:#C9C9C9;
margin:0px;
padding:0px;
font-family: verdana;
font-size: 14px;
}


/* container */
div.container {
width:850px;
margin:0px auto;
margin-top: 30px;
}

/* maincontent */
div.maincontent {
width:868px;
background-color:#FFFFFF;
border-right: 1px solid #ABABAB;
border-left: 1px solid #ABABAB;
height:auto;
}


/* LINKS */
div.links {
width:663px;
background-color:#FFFFFF;
float:left;
height:auto;
}

div.linkslogo {
width:663px;
padding-right: 10px;
background-repeat: no-repeat;
float:left;
height:208px;
border-bottom: 1px solid #ABABAB;
border-top:1px solid #ABABAB;
}

div.linkstekst {
width:643px;
padding: 10px;
float:left;
background: #FFF;
height:auto;
overflow:hidden;
font-size:13px;
position:relative;
}

div.linksboven {
width:643px;
height:auto;
}

div.linksonder {
width: 643px;
height:123px;
}

/* RECHTS */
div.rechts {
width:195px;
padding-right:10px;
background-color:#FFFFFF;
float:right;
height: auto;
overflow:hidden;
}

div.logorechts {
width:195px;
background: #FFF;
height:209px;
border-left:1px solid #ABABAB;
border-bottom:1px solid #ABABAB;
padding-left:10px;
font-size:13px;
}

div.tekstrechts {
width:195px;
background: #FFF;
height:auto;
border-left:1px solid #ABABAB;
font-size:13px;
}

/* MENU */
div.menu {
float:left;
width: 868px;
height:24px;
background-color:#FFF;
border-top: 1px solid #B8B8B8;
border-right: 1px solid #B8B8B8;
border-left: 1px solid #B8B8B8;
}

div.menutijd {
float:right;
width: 220px;
height:20px;
font-size: 12px;
padding-top:3px;
padding-bottom:3px;
}

div.menutekst {
float:left;
width:638px;
height:20px;
background-color: #FFF;;
font-size: 13px;
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
padding-right:3px;
}

/* FOOTER */
div.footer {
width:858px;
height:148px;
background-color:#FFF;
padding:5px;
overflow:hidden;
border: 1px solid #ABABAB;
font-size: 13px;
}

div.footerlinks {
float:left;
width:276px;
height:142px;
overflow:hidden;
background-color:#FFF;
padding:3px;
}

div.footerlinkslinks {
float:left;
width:142px;
height:142px;
overflow:hidden;
}

div.footerlinksrechts {
float:right;
width:133px;
height:142px;
overflow:hidden;
}

div.footermidden {
width:276px;
height:142px;
background-color: #FFF;
float:left;
overflow:hidden;
border-left:1px solid #ABABAB;
padding:3px;
}

div.footermiddenlinks {
float:left;
width:142px;
height:142px;
overflow:hidden;
}

div.footermiddenrechts {
float:right;
width:133px;
height:142px;
overflow:hidden;
}

div.footerrechtslinks {
float:left;
width:127px;
height:142px;
background: #FFF;
border-left: 1px solid #B8B8B8;
overflow:hidden;
padding:3px;
}

div.footerrechts {
float:left;
width:144px;
height:142px;
overflow:hidden;
background-color:#FFF;
border-left:1px solid #ABABAB;
padding:3px;
}


En dit is mijn HTML/PHP
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>

<title>WEBSHOP</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta name="description" content="" />
<meta name="keywords" content="keywords" />

<link href="css/styles.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div class="container">
<div class="menu">
<div class="menutekst">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include"header/menu.php" ?>
</div>
<div class="menutijd">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include"header/menutijd.php" ?>
</div>
</div>
<div class="maincontent">
<div class="links">
<div class="linkslogo">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include"header/logo.php" ?>
</div>
<div class="linkstekst"><br />
<div class="linksboven"><br />
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
if (isset($_GET['page']))
{
    if (file_exists($_GET['page'].".php"))
    {
        include($_GET['page'].".php");
    }
    else
    {
        echo "Pagina bestaat niet!";
    }
}
else
{
    include("pagina/home.php");
}
?>

</div>
<div class="linksonder">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include"pagina/linksonder.php" ?>

</div>
</div>
<div class="rechts">
<div class="logorechts"><br>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include"header/headermenu.php" ?>

</div>
<div class="tekstrechts"><br />

</div>
</div>
</div>
<div class="footer">
<div class="footerlinks">
<div class="footerlinkslinks">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include"footer/footerlinkslinks.php" ?>

</div>
<div class="footerlinksrechts"><br />
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include"footer/footerlinksrechts.php" ?>

</div>
</div>
<div class="footermidden">
<div class="footermiddenlinks">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include"footer/footermiddenlinks.php" ?>

</div>
<div class="footermiddenrechts">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include"footer/footermiddenrechts.php" ?>

</div>
</div>
<div class="footerrechtslinks">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?Php include"footer/footerrechtslinks.php" ?>

</div>
<div class="footerrechts">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php include"footer/footerrechts.php" ?>

</div>

</body>
</html>


Nu wil DIV tekstrechts niet evenlang worden als DIV tekstlinks tot de footer dus, ook niet als ik hem op 100% of auto; zet.

Hoe kan ik dit verhelpen?

Vriendelijk bedankt,
Joey van Gelder

Afbeelding
 
PHP hulp

PHP hulp

21/12/2024 03:22:37
 
Zie Foto

Zie Foto

21/03/2013 22:57:04
Quote Anchor link
Zoiets?

.tekstrechts:after{
content: ".";
display: block;
height: 0px;
clear: both;
overflow: hidden;
padding-bottom: 10px;
}
 
Joey van Gelder

Joey van Gelder

22/03/2013 08:15:35
Quote Anchor link
Misschien heel dom hoor,
maar hoe verwerk ik deze in me html?

<div class="tekstrechts">

</div>

Hij moet dus net zo lang worden als het veld links en ook automatisch meerekken als de pagina langer of korter wordt.. Hij moet dus met div links en linkstekst meerekken..

Toevoeging op 22/03/2013 20:47:50:

Iemand?:)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.