Zur Navigation

Div´s

1 Max (Gast)

HTML - Code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style_homepage.css">
<title>Sitos Startseite</title>
</head>
<body>

<text>
<font color="#314d78"><b><font size="4pt">Willkommen auf der SITOS - Lernplattform</font></b></font>
</text>
<text>
<div class="text2">
<p align="justify"><b>SITOS - Das Webportal, das auch ein
Lernmanagementsystem ist</b></p>
</div>
</text>
<div class="text1">
<font size="2pt"><p align="justify">Unser neues SITOS Lernportal bietet Ihnen eine Kombination zwischen den
Features eines<br> klassischen Lernmanagementsystems und eines Webportals
in einem Produkt vereint. Das SITOS®<br> Lernportal bildet die Basis für
Online- Lernen im Inter/Intranet. Diese Plattform bietet dem Lerner<br>
einen einheitlichen Zugang zu Kursen und Lektionen.</p></font>
</div>

<div class="aktuelles">
<font size="2pt"> <b>Aktuelles</b><br></font>
</div>
<br>
<div class="info">
<font size="2pt"><b>Information</b><br></font>
</div>
<div class="info1">
<b><a href="/releasechk38/static/default08/de/contact.ihtml"><font size="2pt">&raquo; Ansprechpartner</a><br>
<a href="e_learning.ihtml"><font size="2pt">&raquo; Was ist e-Learning</font></a><br>
<a href="technical.ihtml"><font size="2pt">&raquo; Technische Voraussetzungen</font></b></a><br>
<br>
</div>
<div class="Demo">
<font size="2pt"><b>Demo</b></font>
</div>
<div class="DemoText">
<font size="2pt">Wenn Sie sich vor Ihrer Registrierung<br> von der Qualität und
Leistungsfähigkeit<br> unserer Kurse überzeugen wollen, dann<br> klicken Sie
bitte <a href="http://demo.bitmedia.cc" target="_blank"><b>hier</font></b></a></p>
</div>

<p align="right"><a href="/releasechk38/static/default08/de/imprint.ihtml">Impressum</a>&#160;&#160;|&#160;&#160;
<a href="/releasechk38/static/default08/de/contact.ihtml">Kontakt</p></a>

</body>
</html>
CSS - Code
body{
margin:0 auto;
}

.info {
background-color: #dedede;
display: block;
margin-top: 0px;
margin-right: 0px;
padding: 0;
width: 250px;
}
.info1 {
background-color: #f4f4f4;
display: inline-block;
margin-top: px;
margin-right: 0px;
padding: 0;
width: 250px;
}
.aktuelles {
background-color: #dedede;
display: block;
margin-top: 0px;
margin-right: 0px;
padding: 0;
width: 250px;
}
.Demo{
background-color: #dedede;
display: block;
margin-top: -80px;
margin-left: 250px;
padding: 0px;
width: 250px;
}
.DemoText {
background-color: #f4f4f4;
display: block;
margin-top: 0px;
margin-left: 250px;
padding: 0;
width: 250px;
}
.text1 {
display: block;
margin-top: -170px;
margin-left: 0px;
padding: 0;
width: 390px;
height:220px;
}
.text2 {
display: block;
margin-top: 0px;
margin-left: 0px;
padding: 0;
width: 390px;
height:220px;
}
folgendes Problem:
wenn ich es in meinen Browser öffne also Lokal auf meinen Rechner werden die Divs nebeneinander angezeigt sobald ich die datei online stelle werden die Divs untereinander angezeigt bitte um Hilfe
LG Max

14.03.2011 11:22

2 Max (Gast)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <link rel="stylesheet" type="text/css" href="style_homepage.css">
  </head>
  <body>
  
      <text>
       <font color="#314d78"><b><font size="4pt">Willkommen auf der SITOS - Lernplattform</font></b></font>
     </text>
      <text>
	  <div class="text2">
		<p align="justify"><b>SITOS - Das Webportal, das auch ein
        Lernmanagementsystem ist</b></p>
		</div>
		</text>
		<div class="text1">
        <font size="2pt"><p align="justify">Unser neues SITOS Lernportal bietet Ihnen eine Kombination zwischen den
        Features eines<br> klassischen Lernmanagementsystems und eines Webportals
        in einem Produkt vereint. Das SITOS®<br> Lernportal bildet die Basis für
        Online- Lernen im Inter/Intranet. Diese Plattform bietet dem Lerner<br>
        einen einheitlichen Zugang zu Kursen und Lektionen.</p></font>
	 </div>
	 
		<div class="aktuelles">
	  <font size="2pt"> <b>Aktuelles</b><br></font>
        </div>
	<br>
      <div class="info">
	  <font size="2pt"><b>Information</b><br></font>
	  </div>
	   <div class="info1">
	  <b><a href="/releasechk38/static/default08/de/contact.ihtml"><font size="2pt">&raquo; Ansprechpartner</a><br>
	  <a href="e_learning.ihtml"><font size="2pt">&raquo; Was ist e-Learning</font></a><br>
	  <a href="technical.ihtml"><font size="2pt">&raquo; Technische Voraussetzungen</font></b></a><br>
		<br>
		</div>
		<div class="Demo">
		<font size="2pt"><b>Demo</b></font>
		</div>
		<div class="DemoText">
		<font size="2pt">Wenn Sie sich vor Ihrer Registrierung<br>	 von der Qualität und
          Leistungsfähigkeit<br> unserer Kurse überzeugen wollen, dann<br> klicken Sie
          bitte <a href="http://demo.bitmedia.cc" target="_blank"><b>hier</font></b></a></p>
		 </div> 	 
		
	  <p align="right"><a href="/releasechk38/static/default08/de/imprint.ihtml">Impressum</a>&#160;&#160;|&#160;&#160;
		<a href="/releasechk38/static/default08/de/contact.ihtml">Kontakt</p></a>
		
  </body>
</html>
body{
margin:0 auto;
}

.info {
background-color: #dedede;
	display: block;
	margin-top: 	0px;
	margin-right: 0px;
	padding: 0;
	width: 250px;
}
.info1 {
background-color: #f4f4f4;
	display: inline-block;
	margin-top: px;
	margin-right: 0px;
	padding: 0;
	width: 250px;
}
.aktuelles {
background-color: #dedede;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0;
	width: 250px;
}
.Demo{
background-color: #dedede;
	display: block;
	margin-top: -80px;
	margin-left: 250px;
	padding: 0px;
	width: 250px;
}
.DemoText {
background-color: #f4f4f4;
	display: block;
	margin-top: 0px;
	margin-left: 250px;
	padding: 0;
	width: 250px;
}
.text1 {
display: block;
	margin-top: -170px;
	margin-left: 0px;
	padding: 0;
	width: 390px;
	height:220px;
}
.text2 {
display: block;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0;
	width: 390px;
	height:220px;
}
so sorry so passt es

14.03.2011 11:43

3 Jörg

so sorry so passt es

Das heißt, Problem gelöst?

19.03.2011 01:42

Beitrag schreiben (als Gast)





[BBCode-Hilfe]