mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 14:47 Benutzername: Passwort: Auto-Login

Thema: Homepage (HTML) Ansicht-Problem. Suche Hilfe! vom 27.04.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Homepage (HTML) Ansicht-Problem. Suche Hilfe!
Autor Nachricht
FCBenne04
Threadersteller

Dabei seit: 26.04.2011
Ort: Rees
Alter: -
Geschlecht: Männlich
Verfasst Mi 27.04.2011 18:17
Titel

Homepage (HTML) Ansicht-Problem. Suche Hilfe!

Antworten mit Zitat Zum Seitenanfang

Hallo liebe Forummitglieder.
Ich habe mal eine Frage bzgl. der Homepageerstellung.
Habe jetzt eine Seite per Html geschrieben (Das stylesheet natürlich css mäßig)...
Jetzt besteht folgendes Problem. Die Seite ist auf meinem Bildschirm gut aufzurufen. Nur bei kleineren Bildschirmformaten, wie z.B. 17" (Zoll) kann die Seite nicht vollständig angezeigt werden, also das heißt man muss nach rechts mit dem Balken scrollen bzw. dann nach links.
Wäre es möglich es so einzustellen, dass es automatisch auf die Bildschirmgröße angepasst wird?
Weil ich sehe es immer wieder, die anderen Homepages von heute passen sich auch immer an und sind nicht zu groß..
Gruß Benne.
  View user's profile Private Nachricht senden
JanG

Dabei seit: 13.10.2002
Ort: Köln/Düsseldorf
Alter: -
Geschlecht: Männlich
Verfasst Mi 27.04.2011 18:21
Titel

Antworten mit Zitat Zum Seitenanfang

Ohne Code kann dir wahrscheinlich keiner sagen, was du ändern könntest... Glaskugel

Peaze!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
FCBenne04
Threadersteller

Dabei seit: 26.04.2011
Ort: Rees
Alter: -
Geschlecht: Männlich
Verfasst Mi 27.04.2011 18:28
Titel

Antworten mit Zitat Zum Seitenanfang

Hier mal der Anfang vom HTML Code *zwinker*
Oder ist das mit dem css verknüpft?
Kann ich mir nicht vorstellen..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage, dokument, webpage, page, web, netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz">
<title>Official Homepage of Electronic Music</title>
<link rel="stylesheet" href="format.css"
type="text/css">
<link rel="stylesheet" href="menue.css"
type="text/css">
</head>
<body>
<table id="aussen" align="center" border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td id="aussen2" align="center" width="100%"><!--==========kopfbereich==========-->
<table id="maintop" align="center" border="0"
cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center">
<table border="0" cellpadding="0"
cellspacing="0" width="700">
<tbody>
<tr>
<td id="top1" valign="middle">&nbsp;<b>&raquo;</b><span
id="hpname">&nbsp; Electronic Music/Home </span></td>
</tr>
<tr>
  View user's profile Private Nachricht senden
JanG

Dabei seit: 13.10.2002
Ort: Köln/Düsseldorf
Alter: -
Geschlecht: Männlich
Verfasst Mi 27.04.2011 18:32
Titel

Antworten mit Zitat Zum Seitenanfang

Poste auch die CSS Dateien... oder hast du keinen Onlinelink?

Peaze!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
FCBenne04
Threadersteller

Dabei seit: 26.04.2011
Ort: Rees
Alter: -
Geschlecht: Männlich
Verfasst Mi 27.04.2011 18:34
Titel

Antworten mit Zitat Zum Seitenanfang

Die Page ist noch nicht hochgeladen.. *zwinker*
Jop mach ich..
format.css

/* === ALLGEMEIN=== */

body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #000; padding:0px;
width:100%;
background-image:url(images/bgmain.jpg);background-repeat:repeat-y;
background-position:center top;}

body,table,td {
font-size: 12pt;line-height: 15pt;
font-family:"trebuchet ms", arial, helvetica,verdana, georgia, "times new roman", sans-serif;color:#7f7f7f;line-height: 22px; }


/* farbige scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #DF0000; scrollbar-base-color: #000;
scrollbar-highlight-color : #fd9b12; scrollbar-shadow-color : #000;
SCROLLBAR-TRACK-COLOR:#1F1F1F;}

h2{ font-family: "Trebuchet MS",arial, helvetica, tahoma ,verdana, sans-serif;font-style:normal;color:#A8BDC7;
margin-bottom:18px;letter-spacing:0px;font-size: 19px;
border-bottom:solid 0px #746b64;
padding-bottom:4px
}

#aussen{ width:100%;
}

#aussen2{ width:100%;
background-image:url(images/fuss.jpg);background-repeat:no-repeat;
background-position:center bottom; background-color:#
}


/* ======================================== */

/* === KOPF === */

#maintop
{
border-left:solid 0px #275a39;
border-right:solid 0px #275a39;
width:100%;
background-image:url(images/lay3.gif);background-repeat:no-repeat;
background-position:center top; background-color:#
}

#top1 {
height:30px;
vertical-align:bottom;
text-align:left;
padding-left:26px;
color:#000;
font-size:14px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; font-style:italic;
}
#hpname {letter-spacing:1px;font-size:15px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; font-style:italic; color:#000;
}


#top2 {
height:460px;
vertical-align:bottom;
text-align:center;
padding-top:20px;
color:#000;
font-size:24px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; font-style:italic;

}

/* ======================================== */


/* === INHALT / NAV === */

#haupt{ height:800px;width:100%;
background-image:url(images/haupt.jpg);background-repeat:repeat-y;
background-position:center top; background-color:#;
border-left:solid 0px #275a39;
border-right:solid 0px #275a39;
border:solid 0px #275a39;
}

#haupt2{ height:800px;width:100%;
background-image:url(images/hauptbg.jpg);background-repeat:no-repeat;
background-position:center top; background-color:#;
border-left:solid 0px #275a39;
border-right:solid 0px #275a39;
border:solid 0px #275a39;
}

#inbox { text-align:left;padding-top:60px;padding-bottom:20px;
padding-left:40px;padding-right:36px;
font-size: 12pt;line-height: 15pt;
font-family: "trebuchet ms", arial, helvetica, tahoma ,verdana, sans-serif;
vertical-align:top;
width:100%;
height:900px;
color:#7f7f7f;
background-color:#;
}

#navbox {color:#fff;font: normal 11px/15px verdana, sans-serif; padding-left: 0px;padding-right:0px;padding-top: 40px;
background-color:#;
border-right:solid 0px #fff;
vertical-align:top;
text-align:center;
}


/* ======================================== */


/* === FUSS === */

#fuss {
font-family: trebuchet ms,arial, helvetica, tahoma ,verdana, sans-serif;
font-size: 10pt;line-height: 14pt;
color: #282828;
height:282px;
text-align:center;
vertical-align:middle;
padding-bottom:0px;
background-color:#fff;
background-image:url(images/fuss.jpg);
background-repeat:no-repeat;
background-position: center top;
padding-bottom:0px;
letter-spacing:0px;
}

#fuss2 {
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #282828;
height:124px;
text-align:center;
vertical-align:middle;
padding-bottom:0px;
background-color:#;
background-image:url(images/fuss2.jpg);
background-repeat:repeat-y;
background-position: center top;
padding-bottom:0px;
letter-spacing:0px;
}


/* ======================================== */




___________________________________________________
menue.css (Wird nicht dran liegen denk ich)


/* === menü oben === */

#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#214661;
text-decoration:none ;
font-size: 15px;
font-family: trebuchet ms,arial, helvetica, tahoma ,verdana, sans-serif;
padding-left: 2px; padding-right: 2px;padding-bottom: 0px; padding-top:0px;
border-left:solid 0px #fff;border-right:solid 0px #b6b6b6;
line-height:36px;
height:36px;
text-align:center;
background-color:#;
}

#menu2 a:hover {
color:#A8BDC7;
background-color:#;
}

.menutrenn {
border-bottom:solid 0px #fff;
color:#AECDE3;
margin:0px;padding:0px;
}

/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 16px;
font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif;color:#A8BDC7;line-height: 22px;text-decoration:underline}

a:hover{ background-color:#;
color:#e6e6e6;text-decoration:none}


/* === version 3 - index3.html === */

Und der letzte css..

body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #383838; padding:0px;
background-image:url(images/bgmain.jpg);
background-repeat:repeat-y;
background-position:50% 0%;width:100%;}

#aussen
{padding:0px;margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-image:url(images/lay3.jpg);background-repeat:no-repeat;
background-position:center top;
}


h2{ font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#D6D6D6;
margin-bottom:18px;letter-spacing:2px;font-size: 18px;
border-bottom:solid 0px #746b64;
padding-bottom:4px
}

.logostyle {border:solid 1px #b6b6b6;}

.imgstyle {float:left;border:solid 1px #000;margin-left:0px;margin-top:30px;margin-bottom:30px;margin-right:30px}


#bannertop
{height:80px;text-align:center;
background-image:url(images/hinter.jpg);
background-repeat:repeat-y;
background-position:center top;
border-bottom:solid 1px #800000;}

#top1 {
height:42px;
vertical-align:middle;
text-align:center;
}

#top2 {
height:34px;
vertical-align:middle;
text-align:center;
}
#leiste {vertical-align:middle;
height:108px;
border-top:solid 0px #CFCFCF;
background-color:#;
text-align:center;
padding-left:0px;}

#hpname {letter-spacing:2px;font-size:20px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; font-style:italic; color:#b6b6b6;
font-style:italic;width:700px;padding-left:10px;padding-right:20px;
border-top:solid 0px #666666;padding:0px;}


.buleiste {vertical-align:middle;
text-align:left;
height:36px;
padding-right:0px;border-bottom:solid 0px #000;
border-bottom:solid 0px #000;
background-color:#;
margin:0px;padding:0px;


}



#leiste2 {vertical-align:middle;
height:2px;
}

#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#f7f7f7;
text-decoration:none ;
font-size: 14px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
padding-left: 8px; padding-right: 8px;padding-bottom: 0px; padding-top:0px;
border-left:solid 0px #fff;border-right:solid 1px #b6b6b6;
line-height:37px;
height:37px;
text-align:center;

background-color:#333333;
}

#menu2 a:hover {
background-image:url(images/xmover.jpg);
background-color:#6F6F6F;

}



#main{ height:800px;
background-image:url(images/xbgin.jpg);background-repeat:repeat-x;
background-position:center top; background-color:#;
}
#inbox { text-align:justify;padding-top:40px;padding-bottom:30px;
font-size: 15px;line-height: 19px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#b6b6b6;
}


#navbox {color:#fff;font: normal 11px/15px verdana, sans-serif; padding-left: 0px;padding-right:0px;padding-top: 0px;
background-color:#;
border-right:solid 1px #b6b6b6;
border-left:solid 0px #fff;
width:120px;
vertical-align:top;
text-align:center;}





#fussb {
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #f7f7f7;
height:112px;
text-align:center;
vertical-align:middle;
padding-bottom:24px;
background-color:#;
background-image:url(images/fuss.jpg);
background-repeat:repeat-x;
background-position:top center;
padding-bottom:10px;
letter-spacing:3px;
}

#fussb2 {font-family: verdana, sans-serif;
font-size:12px;
color: #EFEFEF;
height:82px;
text-align:center;
vertical-align:top;
font-style:italic;
background-color:#;
letter-spacing:3px;
background-image:url(images/fuss2.jpg);
background-repeat:repeat-x;
background-position:top center;
}

/* menue vertikal */

#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
background-color:#333333;
color:#f7f7f7;
text-decoration:none ;
text-align:left;
width:180px;
padding-left:20px;
line-height: 28px;
font-size: 14px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
margin:0px;
border-top:solid 0px #fff;
border-bottom:solid 1px #b6b6b6;
font-style:normal;
background-image:url(images/xmover.jpg);
background-repeat:repeat-x;
background-position: 0% 0%;
}

#menu1 a:hover{
background-color:#EFEFEF;
color:#7F7F7F;background-repeat:repeat-x;
text-decoration:none ;
background-image:url(images/ob.jpg);
border-top:solid 1px #DFDFDF;
border-bottom:solid 1px #DFDFDF;}




/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 15px;line-height: 19px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#7f7f7f}

a:hover{ text-decoration:UNDERLINE;background-color:#C5C8CD;
color:#3F3F3F;}

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #737b66; scrollbar-base-color: #F5F8F3;
scrollbar-highlight-color : #737b66; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #e6e6e6;}
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Mi 27.04.2011 19:26
Titel

Antworten mit Zitat Zum Seitenanfang

es gibt
- flexibles Layout
- normales Umbruchverhalten
- fixes Layout, relative Größenangaben und die Zoom-Taste

Such Dir was aus. Eine Website für alle Größen und Systeme gibt es nicht.
  View user's profile Private Nachricht senden
FCBenne04
Threadersteller

Dabei seit: 26.04.2011
Ort: Rees
Alter: -
Geschlecht: Männlich
Verfasst Do 28.04.2011 12:42
Titel

Antworten mit Zitat Zum Seitenanfang

Das flexible Layout. Lächel^^
  View user's profile Private Nachricht senden
 
Ähnliche Themen [html] Bundeswehr Intranet-Homepage / Problem
Problem mit der Ansicht im IE
Problem mit erweiterter Ansicht in Corel
CSS Problem - Background Grafik in mobiler Ansicht ausblende
Preis für simple html Homepage?
Homepage design html code
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.