| Autor |
Nachricht |
Firewolf
Threadersteller
Dabei seit: 06.06.2006
Ort: Österreich
Alter: 34
Geschlecht: 
|
Verfasst Mo 16.10.2006 09:45
Titel Rahmen um Seite |
  |
|
Hallo
Ich scheitere grad an einem total trivialen Problem...
Eine Seite mit Containern (div) aufgebaut, und möchte nun um die gesamte Seite einen Rahmen haben. Kann sein das ich ein wenig gepfuscht habe, ich hab dem Contentdiv, das je nach Textlänge eine variable Höhe haben soll, einfach keine Höhe gegeben und jetzt dehnt sich das halt bei längerem Text nach unten aus.
1.) Ist das richtig so?
2.) Wie bekomm ich einen Rahmen um die gesamte Seite, es sind also ein paar Container über die ein Rahmen gezogen werden soll.
| Code: | <center>
<div id="rand">
<div id="header"> </div> ... Hat das Headerbild als Background
<div id="menu">Menütext</a></div>
<div width="100%">
<div style="float: left;">
<div id="news_head">News</div>
<div id="news>Newstext</div>
</div>
<div style="float: right">
<div id="main_head"><?php echo $title; ?></div>
<div id="main"><?php include($page); ?></div> ... Hier ist dann die Variable höhe, je nachdem wie viel Text inkludiert wird
</div>
</div>
</div>
</center> |
Jetzt will ich um das ganze einen 1px Rahmen legen, steh leider total auf der Leitung und find auch nix brauchbares, es ist zum verzweifeln 
Bitte Bitte um Hilfe 
Mfg
|
|
| |
  |
 |
jeichi
Dabei seit: 01.08.2006
Ort: Austria
Alter: 44
Geschlecht:
|
Verfasst Mi 25.10.2006 14:09
Titel
|
|
|
vielleicht meinst du es ja so...
| Code: | <style type='text/css'>
<!--
div#rand
{border: 1px solid #000;}
-->
</style>
<center>
<div id="rand">
<div id="header"> </div>
<div id="menu">Menütext</a></div>
<div>
<div style="float: left;">
<div id="news_head">News</div>
<div id="news">Newstext</div>
</div>
<div style="float: right">
<div id="main_head"><?php echo $title; ?></div>
<div id="main"><?php include($page); ?></div>
</div>
<div style='clear: both;'></div>
</div>
</div>
</center> |
erzeugt bei mir zumindest einen rahmen um die sache ...!
jeichi
|
|
| |
 |
|
|
Anzeige
|
|
|
Firewolf
Threadersteller
Dabei seit: 06.06.2006
Ort: Österreich
Alter: 34
Geschlecht:
|
Verfasst Mi 25.10.2006 21:58
Titel
|
|
|
Dankeschön  ... Dummerweise (bzw. auch nicht) habe ich jetzt eine andere Lösung für das Problem gefunden, welche besser ist kann ich jetzt nicht sagen 
Ich habs jetzt so gemacht, dass der body einfach die Breite der Seite ist und einen Rahmen erhält, auch ne interessante Lösung find ich
| Code: |
<html>
<head>...</head>
<body>
<div id="header"> </div>
<div id="left">
<div id="menuhead">Navigation</div>
<div id="menu"><?php include("menu.inc.php"); ?></div>
</div>
<div id="right">
<div id="content"><?php include($page); ?></div>
</div>
<div style="clear:both"> </div>
</body>
</html>
|
Und den Stylesheet dazu:
| Code: |
/* ####################### Standart ################################# */
html
{
background-color: #2f2f2f;
background-image: url("bg.jpg");
background-attachment: fixed;
width: 100%;
height:100.01%;
}
BODY
{
background-color: #E2E0E1;
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
border: 3px solid #830C83;
position: relative;
}
/* ####################### Designcontainer ################################# */
#header
{
background-image: url("header/home.jpg");
width: 100%;
height: 175px;
}
#left
{
float:left;
}
#right
{
float:right;
}
#content
{
margin-top: 15px;
margin-right: 35px;
padding-left:20px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 30px;
width: 620px;
min-height: 320px;
border: 1px solid #830C83;
background-color: #EBE9E9;
text-align: left;
font-family: Verdana;
color: #000000;
font-weight: normal;
font-size: 10pt;
}
#menuhead
{
margin-top:15px;
background-image: url("nav_bg.jpg");
width: 137px;
height: 21px;
text-align: left;
padding-left: 10px;
color: #ffffff;
font-family: Verdana;
font-size: 10pt;
font-weight: bold;
}
#menu
{
width: 134px;
height: 209px;
background-image: url("menu_bg.jpg");
margin-top: 0px;
padding-top: 17px;
padding-left: 10px;
border-right: 3px solid #830C83;
border-top: 3px solid #830C83;
border-bottom: 3px solid #830C83;
} |
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Blogger Seite an eine HTML Seite anpassen.
[Dreamweaver CS4] Seite innerhalb von Seite verlinken
Seite in Seite einbetten? Wie geht das?
[CSS] Bildwechsel von Seite zu Seite ?
Rahmen in PS CS2?
CSS Rahmen
|
|
Willkommen auf dem Portal für Mediengestalter
