<b>REGISTER</b>

GFX-Sector - HTML, CSS


 
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Div height abhängig machen vom längsten Div Inhalt? » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS
Post New Thread Post Reply

Div height abhängig machen vom längsten Div Inhalt?

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

Tuxedo Tuxedo is a male
Abwedler


Avatar von Tuxedo

Registration Date: 07.03.2009
Posts: 201
Location: Passau
Program: Adobe Photoshop CS4
Deviantart: Tuxedo94

Spacer
Div height abhängig machen vom längsten Div Inhalt?

Div height abhängig machen vom längsten Div Inhalt?

      

Hallo Community,
ich habe ein problem mit den dem grauen Background hinter den 3 Spalten. Der Background soll immer so lang sein wie der längste Ihhalt. Also bei der Startseite ist der längste Inhalt die News. Bei Downloads ist der längste Inhalt die 1. Spalte mit dem Besucherzähler. Und da geht der Background halt noch weiter runter und passt sich nicht an den längsten Inhalt an. Wie mache ich das? Ich zerbreche mir den Kopf darüber. Klick hier.

index.php 3 Spalten-Code:

<div class="content">
<div class="content_left">
<img src="img/side_content/login.png" />
<div class="content_left_main">
<?php include("site/sidebar/login.php"); ?>
</div>
<img src="img/side_content/shoutbox.png" />
<div class="content_left_main">
<?php include("site/sidebar/shoutbox.php"); ?>
</div>
<center><a id="224821" href="http://www.gratis-kontaktformular.de">Kontaktformular Generator Php</a><script type="text/javascript" language="JavaScript" src="http://www.gratis-kontaktformular.de/kjsdfijsd.php?drgdgsdsf=224821&ht
h3sfhdh=2"></script></center>
</div>
<div class="content_middle">
<img src="img/main_content.png" />
<div class="content_middle_text">
<?php
switch($_GET['site'])
{
case 'news': include "site/home/news.php"; break;
case 'about_me': include "site/home/about_me.php"; break;
case 'downloads': include "site/downloads.php"; break;
case 'contact': include "site/contact.php"; break;
case 'imprint': include "site/imprint.php"; break;
case 'gallery': include "site/gallery.php"; break;
default: header("Location:index.php?site=news");
}
?>
</div>

</div>
<div class="content_right">
<img src="img/side_content/vodd.png" />
<div class="content_right_main">
<?php include("site/sidebar/vodd.php"); ?>
</div>
<img src="img/side_content/random_pic.png" />
<div class="content_right_main">
<?php include("site/sidebar/random_pic.php"); ?>
</div>
<img src="img/side_content/partner.png" />
<div class="content_right_main">
<?php include("site/sidebar/partners.php"); ?>
</div>
</div>
</div>


style.css für 3 Spalten:

/* INHALT DEFINITIONEN */
div.content{
background-color: #ccc;
font-family: Arial;
font-size: 11pt;
border: 1px #fff solid;
border-radius: 10px;
width: 1160px;
height: 1200px;
margin-top: 10px;
margin-bottom: 10px;
padding: 30px 15px 15px 15px;
}
/* INHALT LINKS */
div.content_left{
width: 225px;
float: left;
}
div.content_left_main{
background-color: #696969;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-bottom: 10px;
padding: 5px;
}
/* INHALT MITTE */
div.content_middle{
background-color: #696969;
color: #292929;
border-radius: 10px;
width: 700px;
margin-left: 5px;
margin-right: 5px;
float: left;
}
div.content_middle_text{
padding: 5px;
}
/* IHALT RECHTS */
div.content_right{
margin: 0;
width: 225px;
float: right;
}
div.content_right_main{
background-color: #696969;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
width: 215px;
margin-bottom: 10px;
padding: 5px;
float: right;
}


Hoffe ihr könnt mir bei meinem Problem helfen!

~Tuxedo




This post has been edited 1 time(s), it was last edited by Tuxedo: 20.01.2012 16:41.

Div height abhängig machen vom längsten Div Inhalt? 20.01.2012 16:40 Tuxedo is offline Search for Posts by Tuxedo

ClOuDy. ClOuDy. is a male
Pfadfinder


Avatar von ClOuDy.

Registration Date: 31.01.2010
Posts: 566
Program: PS CS5

Spacer
      

background-repeat: repeat-y;

repeat-y wiederholt das bild vertikal, repeat-x horizontal

wäre mal ein tip ohne groß nach zu schauen



Div height abhängig machen vom längsten Div Inhalt? 20.01.2012 22:41 ClOuDy. is offline Search for Posts by ClOuDy.

Tuxedo Tuxedo is a male
Abwedler


Avatar von Tuxedo

Registration Date: 07.03.2009
Posts: 201
Location: Passau
Program: Adobe Photoshop CS4
Deviantart: Tuxedo94

Thread Starter Thread Started by Tuxedo
Spacer
      

So habe ich es auch versucht. Aber so funktioniert es nicht. Das Problem hat sich jetzt erledigt habe den Background einfach weggelassen.
Klick hier

Trotzdem danke, dass du geantwortet hast smile

~Tuxedo





This post has been edited 2 time(s), it was last edited by Tuxedo: 21.01.2012 12:46.

Div height abhängig machen vom längsten Div Inhalt? 21.01.2012 12:45 Tuxedo is offline Search for Posts by Tuxedo
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 21.01.2012 12:45  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Div height abhängig machen vom längsten Div Inhalt?

Similar topics to Div height abhängig machen vom längsten Div Inhalt?
Thread
3 Alte Works ~ weitermachen? (Forum: Designs)
Alli - Der Junge hat den längsten! (Forum: Gifts)
Kann mir jem ein sig machen (Forum: Archiv)
Junkie vom Trümmerbrett (Forum: Signaturen/Avatare)
1. Sig vom Kumpel^^ (Forum: Signaturen/Avatare)