zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden vertical stretching

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.09.2007, 14:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2007
Ort: Wien
Beiträge: 23
soaz befindet sich auf einem aufstrebenden Ast
Standard vertical stretching

wer kann mir ein bsp. für ein div geben, dass bis zum footer geht.

stretch it pls I'm not able to do it
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.09.2007, 16:34
Benutzer
neuer user
 
Registriert seit: 19.07.2006
Ort: Köln
Beiträge: 72
prosac257 befindet sich auf einem aufstrebenden Ast
Standard

Das ist doch das gleiche Problem wie in deinem bereits erstellten »Fred«

=> Guckst du hier!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.09.2007, 16:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2007
Ort: Wien
Beiträge: 23
soaz befindet sich auf einem aufstrebenden Ast
Standard

ja schon - wollt es nur noch mal angebn, weil as thema a anderes war?! vielleicht hätts ja no wer glesn, weil auf mein Problem a deadline liegt.

aber ich hab ja wieder neue Probleme (hab erst gestern damit angefangen zu arbeiten - kannte html und css vorher nicht).

next question *g*

im IE schauts super aus, aber im ff hauts ma jetzt den content unters sub-menü - ich fang gleich an zu heulen...
Mit Zitat antworten
  #4 (permalink)  
Alt 06.09.2007, 16:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2007
Ort: Wien
Beiträge: 23
soaz befindet sich auf einem aufstrebenden Ast
Standard

öh, quatsch - umgekehrt - da IE macht probleme
Mit Zitat antworten
  #5 (permalink)  
Alt 06.09.2007, 16:58
Benutzer
neuer user
 
Registriert seit: 19.07.2006
Ort: Köln
Beiträge: 72
prosac257 befindet sich auf einem aufstrebenden Ast
Standard

IE in welcher Version?

Hm. Deadline ist nie gut. . . Vor allem, wenn man, wie du sagst, von HTML und CSS kaum Ahnung hat.

Hast du denn ein Bild vor Augen und ein Beispiel, wie das ganze denn aussehen soll?

Wenn ich dich richtig verstanden habe, dann soll das ganze wohl so aussehen wie ich dir im anderen Thread den Quellcode mit der CSS-Formatierung geschickt habe. Dies wird allerdings perfekt im IE dargestellt.
Mit Zitat antworten
  #6 (permalink)  
Alt 06.09.2007, 17:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2007
Ort: Wien
Beiträge: 23
soaz befindet sich auf einem aufstrebenden Ast
Standard

Ich weiß es is viel blah blah dabei und sachen die net gebraucth werden, aber so is es im FF lauffähig und so soll die erste Version ausschauen. Nur mal zum vorführen, ABER im IE läuft's net auch net im internen Webbrowser von der Entwicklungsumgebung!!


css:


body {
color: #003060; /*black; */
height:100%;
/*background-color: white;*/
background-color:#003060;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding:0;

}

*{
margin: 0px;
padding: 0px;
font-size: inherit;
}

html{
height:100%;
margin:0;
padding:0;
}

a{
color: #003060;
/*color: black;*/
font-family:Helvetica,Arial,sans-serif;
text-decoration:none;
}

p{
margin-top:20px;
}



#header {
background-color:#CCFFCC; /*HELLGRÜN*/
height:50px;
width:100%;
/*margin-top:1em;*/
/*text-align:center;*/
text-indent:2em;
vertical-align:middle;
padding-top:20px;
color: #003060;

}




#menu {
position:relative;
/*top:271px;*/
top:15px;
left:50px;
text-indent:1em;
vertical-align:middle;
/*word-spacing:20px;*/
color: #003060;

}

html * submenu{
height:100%;
}
#submenu {
/*position:relative;
top:100px;
left:0px;*/

/*margin-top:10px;
margin-left:2px;*/

float:left;
width:200px;
background-color:#003060;
/*bottom: 30px;*/
padding-left:20px;
horizont-align:left;
padding-top:15px;
min-height:100%;
/*height:700px;*/
padding-bottom:30px;
margin-right:20px;
margin-bottom:0; /* auto;*/
height:100%;


}

#clearfloats{
clear:both;
}
#content {

width:100%;
padding:15px;
min-height:100%;
padding-bottom:30px;
margin-left: 220px;/*10px;*/
background-color:white;
/*padding-left:200px;*/


}





#footer{
/*top: 970px;*/
width:100%;
background-color:#CCFFCC; /*HELLGRÜN*/
height:30px;
float:left;
/* width: 100%;
background: #CCFFCC;
position: absolute;
bottom: 0 !important;
bottom: 0px; /* For Certain IE widths */
/* height: 40px;

padding: 0 1em;
line-height: 30px;*/
bottom-margin:10px;
}


#bereich {
/*position:absolute;*/
padding:20px;
width:50%;
float:left;
/*height:200px;*/
/*width:200px;*/
}

#bereich2{
margin-left:50%;
/*padding:20px; */
top:0px;
right:0px;
padding:2em;
width:50%;
float:right;
/*height:200px;*/

}

#logobereich{

left:0px;
top:0px;
padding:0;
/*width:500px;*/
width:100%;
background-color:white;


}

#titelbereich{
position:relative;
left:500px;
top:0px;
/*left:501px;
/*margin-right: 5em;*/
padding:0;
/*min-width:16em;*/
width:100px;
margin:0px;
background-color:white;

}

div#InhaltTitle h1 {

/*margin: 0 0 1em;*/

font-size: 2em;
font-style: oblique;
font-variant: small-caps;
font-weight:bold;
text-shadow:black 3px 2px;
font-family:"Century Schoolbook";

text-align:middle;
}
/*div.clear{

clear:both;
height:0;
font-size:0;
line-height:0;

}*/

div#Inhalt h1 {
font-size: 1.5em;
/*margin: 0 0 1em;*/
float: right;
}

div#InhaltF h2{
font-size: 0.5em;
margin:0em;
float:left;
/*margin-top:20px;*/

}

div#InhaltC h1 {

/*margin: 0 0 1em;*/

font-size: 2em;
font-style: oblique;
font-variant: small-caps;
font-weight:bold;
text-shadow:black 3px 2px;
font-family:"Century Schoolbook";

text-align:middle;
}

div#InhaltC2 h2 {

/*margin: 0 0 1em;*/

/*margin-top: 40px;*/
margin-top:4pc;
font-size: 1.5em;
font-style: normal;

font-family:"Century Schoolbook";

text-align:middle;
}

ul#Navigation li {
display:inline;
/*margin:20px;*/
}

ul#Navigation {
margin:0px;
/*border: 1px solid black;*/
color: #003060; /*color:black;*/
font-style:italic;
display: inline;
}


ul#Navigation a {
padding: 0.2em;
text-decoration: none; font-weight: bold;
display: inline;

}

ul#Navigation a:hover {
color:#404040; /*silver;*/
}

/* ul#Navigation a:vistited{

}

u1#Navigation a:active{

}
*/



ul.NavigationSub{
/*list-style: square;*/
list-style-image: url(../img/aufz.jpg);
margin:5px;
}

ul.NavigationSub {
width: 10em;
margin: 0; padding: 0.6em;
/*border: 1px solid black;*/
background-color:#003060;/*sandoz-blau;*/
color:#CCFFCC; /*white;/*dots list*/
font-style:italic;
/*display: list-item;*/
}

ul.NavigationSub li {
padding-left:0.1em;
}


ul.NavigationSub a {
padding: 0.2em;
text-decoration: none; font-weight: bold;
/*border: 1px solid black;
border-left-color: white; border-top-color: white;
color: maroon; background-color: #ccc;*/
background-color:#003060;
display: list-item;
color:#CCFFCC; /*white;*/

}

ul.NavigationSub a:hover {
/*border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;*/
background-color:#003060;
color:silver;
}

/*ul.NavigationSub a:visited{

background-color:#003060;
color:red;

}*/




HTML:

<!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"
xmlns:jsp="http://java.sun.com/JSP/Page"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:t="http://myfaces.apache.org/tomahawk">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="../css/common2.css"/>
<title><ui:insert name="title">TITLE</ui:insert></title>
</head>
<body >



<!-- <div class="Logo">
</div> -->
<div id="logobereich">
<table style="margin-left:0px; margin-top:0px; border-style:none;">
<td>
<img src="../img/testpic4.jpg" alt="x"/>
</td>
<td style="width:100%; padding-right:40px;">
<h1 style="text-align:right; font-size:3em; font-family:'Century-Schoolbook';font-styleblique;font-weight:bold;">TITLE</h1>
</td>
</table>





</div>





<div id="header">
<ul id="Navigation" style="margin-top:50%;cursorointer"> <!-- Mauszeiger: Hand-->
<li><a>Vertrag anlegen</a></li>
<li><a>Mitarbeiter anlegen</a></li>
</ul>
</div>

<div id="submenu">
<ui:insert name="submenu" style="color:#CCFFCC">#submenu</ui:insert>

<ul class="NavigationSub" style="cursorointer">
<li><a>Administration</a></li>
<li><a>Antrag stellen</a></li>
<li><a>Pandemie</a></li>
<li><a>Dashboard</a>
<ul class="NavigationSub" style="cursorointer">
<li><a>Aufgaben</a></li>
<li><a>Anträge</a></li>
</ul>
</li>

</ul>


<div id="clearfloats"></div>

</div>
<div id="content">
<ui:insert name="content">#content</ui:insert>

<table>
<tr>
<td>
<h1 style="margin: 5px">Testfall 1 - geben sie was ein, checkboxen, usw.</h1>
<form action="input_text.htm" style="margin:5px">
<p>Vorname:<br/><input name="vorname" type="text" size="30" maxlength="30" value="fixed " readonly/></p>
<p>Zuname:<br/><input name="zuname" type="text" size="30" maxlength="40"/></p>
</form>

<form action="textarea.htm" style="margin:5px">
<p>Geben Sie einen mehrzeiligen Text ein:<br/>
<textarea name="user_eingabe" cols="50" rows="10"></textarea>
</p>
</form>



<form action="input_radio.htm" style="margin:1px">
<p>Geben Sie Ihre Zahlungsweise an:</p>
<p>
<input type="radio" name="Zahlmethode" value="Mastercard"/> Mastercard<br/>
<input type="radio" name="Zahlmethode" value="Visa"/> Visa<br/>
<input type="radio" name="Zahlmethode" value="AmericanExpress"/> American Express
</p>
</form>



<form action="input_checkbox.htm" style="margin:5px">
<p>Kreuzen Sie die gew&uuml;nschten Komponenten an:</p>
<p>
<input type="checkbox" name="komponente" value="pc"/> PC<br/>
<input type="checkbox" name="komponente" value="maus"/> Maus<br/>
<input type="checkbox" name="komponente" value="monitor"/> Monitor
</p>
</form>





</td>
<td valign="top">
<h2>W&auml;hlen Sie aus ...</h2>

<form action="select.htm" style="margin:5px">
<p>
<select name="top5" size="5" multiple>
<option>pkt 1</option>
<option>pkt 2</option>
<option>pkt 3</option>
<option>pkt 4</option>
<option>pkt 5</option>
</select>
</p>
</form>
</td>
</tr>
</table>



<!-- div class="clear"></div-->
</div>

<div id="footer">
#footer
<div id="InhaltF">
<h2>Ende</h2>
</div>
</div>

</body>
</html>
Mit Zitat antworten
  #7 (permalink)  
Alt 06.09.2007, 17:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2007
Ort: Wien
Beiträge: 23
soaz befindet sich auf einem aufstrebenden Ast
Standard

aja - ich arbeite mit IE7
Mit Zitat antworten
  #8 (permalink)  
Alt 06.09.2007, 17:14
Benutzer
neuer user
 
Registriert seit: 19.07.2006
Ort: Köln
Beiträge: 72
prosac257 befindet sich auf einem aufstrebenden Ast
Standard

Ach du meine Güte!

Was mir jetzt schon länger auf der Zunge liegt, was soll dieses <ui:insert> sein?

Mit welcher »Entwicklungsumgebung« arbeitest du denn?

Ich schau mir das ganze mal an, ok?
Wann hast denn die Deadline?
Mit Zitat antworten
  #9 (permalink)  
Alt 06.09.2007, 17:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2007
Ort: Wien
Beiträge: 23
soaz befindet sich auf einem aufstrebenden Ast
Standard

*g*

das <ui: insert> is dann wegen der jsp Seiten - von denen kommen dann die Infos die im content letztendlich angezeigt werden. Das was jetzt drinnen is is nur blah blah dass ma was sieht

Eclipse Europa is meine Entwicklungsumgebung - damit ma's dann mit jsf verbinden können *schluck*
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.09.2007, 17:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2007
Ort: Wien
Beiträge: 23
soaz befindet sich auf einem aufstrebenden Ast
Standard

also - morgen is deadline. aber halt mal nur vorerst. *bibber*

<ui:insert> kommt übrigens vom chef - i muss jsf auch erst lernen...
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


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Jeden Inhalt in DIV vertical zentrieren alex9787 CSS 1 05.05.2010 19:02
vertical geteiltes Design emmis CSS 7 24.11.2009 10:42
vertical textausrichtung Holger (HMR) CSS 1 10.06.2008 15:08
Vertical Tabbed Pages BabbleBoy Site- und Layoutcheck 5 23.12.2006 00:14
vertical popup navigation ATooM Offtopic 0 02.04.2006 18:23


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:44 Uhr.