zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem bei HTML/CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.07.2013, 21:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.07.2013
Beiträge: 1
Antje_15 befindet sich auf einem aufstrebenden Ast
Standard Problem bei HTML/CSS

Hallo,

entschuldigung erst einmal, wenn ihr noch die vorherige Version dieses Beitrages gesehen habt, ich war etwas voreilig beim abschicken (wollte nur die Vorschau sehen) und kenne mich hier noch nicht so gut aus

Ich habe ein Problem: Ich will eine Seite mit dreispaltigem Layout machen und habe das altbekannte Problem, dass die Spalten nicht ganz bis nach unten reichen. Dann habe ich von Faux Columns erfahren Nun habe ich im Body für links eine Grafik eingeführt. Wie kann ich das für rechts machen?

2. Problem: Wenn ich die Seite schmaler mache, rutscht mir der content-Bereich unter die Info spalte. Wie ändere ich das?

HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
         <head>
                 <title></title>
                 <meta name="author" content="Antje">
                 <meta name="editor" content="html-editor phase 5">
                 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
                 <link rel="stylesheet" type="text/css" media="screen, projection" href="stylesheet.css">
         </head>


         <body>
                 <div id="header">Header</div>
                 <div id="wrapper">
                         <div id="navi">Navigation</div>
                         <div id="info">Information</div>
                         <div id="content">Content</div>
                 </div>
                 </div>
                 <div id="footer">Footer</div>
         </body>
Code:
body {
  padding: 0px;
  margin: 0px;
  border: 0;
  background: url(links.gif) repeat-y
}

#header {background-color: #EAAB88; width: 100%}
#footer {background-color: #EC04F9; position: fixed; bottom: 0; width: 100%; height: 50px}
#wrapper {margin: 0 0 50px 0; clear: both}
#navi {float: left; height:100%; width: 150px}
#info {height: 100%; float: right; width: 150px}
#content {background-color: #0DE7EE; height: 100%; min-width: 500px; margin-left: 150px; margin-right: 150px}
Vielen Dank,

Antje

Geändert von Antje_15 (06.07.2013 um 21:11 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.07.2013, 07:03
html-vollpfosten
neuer user
 
Registriert seit: 25.09.2012
Beiträge: 51
tupamaro befindet sich auf einem aufstrebenden Ast
Standard

moin antje

wir wissen dass Navigation und Information 150px breit sein sollen.
was ist mit den content?
soll er flüssig sein oder was?
oder anders gefragt:
ist dein wrapper immer 800px breit ?

je mehr infos umso besser
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus



Alle Zeitangaben in WEZ +2. Es ist jetzt 12:17 Uhr.