mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 23.01.2017 12:41 Benutzername: Passwort: Auto-Login

Thema: Rahmen um Seite vom 16.10.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Rahmen um Seite
Autor Nachricht
Firewolf
Threadersteller

Dabei seit: 06.06.2006
Ort: Österreich
Alter: 26
Geschlecht: Männlich
Verfasst Mo 16.10.2006 08:45
Titel

Rahmen um Seite

Antworten mit Zitat Zum Seitenanfang

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">&nbsp;</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 *Schnief*

Bitte Bitte um Hilfe Grins

Mfg
  View user's profile Private Nachricht senden
jeichi

Dabei seit: 01.08.2006
Ort: Austria
Alter: 37
Geschlecht: Männlich
Verfasst Mi 25.10.2006 13:09
Titel

Antworten mit Zitat Zum Seitenanfang

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">&nbsp;</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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Firewolf
Threadersteller

Dabei seit: 06.06.2006
Ort: Österreich
Alter: 26
Geschlecht: Männlich
Verfasst Mi 25.10.2006 20:58
Titel

Antworten mit Zitat Zum Seitenanfang

Dankeschön Lächel ... Dummerweise (bzw. auch nicht) habe ich jetzt eine andere Lösung für das Problem gefunden, welche besser ist kann ich jetzt nicht sagen Ooops

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 Grins

Code:

<html>
<head>...</head>

<body>
<div id="header">&nbsp;</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">&nbsp;</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;
}
  View user's profile Private Nachricht senden
 
Ähnliche Themen [Dreamweaver CS4] Seite innerhalb von Seite verlinken
Blogger Seite an eine HTML Seite anpassen.
Seite in Seite einbetten? Wie geht das?
[CSS] Bildwechsel von Seite zu Seite ?
Rahmen um Bild...
Rahmen um Screenshot
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.