Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
FCBenne04
Threadersteller
Dabei seit: 26.04.2011
Ort: Rees
Alter: -
Geschlecht:
|
Verfasst Mi 27.04.2011 18:17
Titel Homepage (HTML) Ansicht-Problem. Suche Hilfe! |
|
|
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.
|
|
|
|
|
JanG
Dabei seit: 13.10.2002
Ort: Köln/Düsseldorf
Alter: -
Geschlecht:
|
Verfasst Mi 27.04.2011 18:21
Titel
|
|
|
Ohne Code kann dir wahrscheinlich keiner sagen, was du ändern könntest...
Peaze!
|
|
|
|
|
Anzeige
|
|
|
FCBenne04
Threadersteller
Dabei seit: 26.04.2011
Ort: Rees
Alter: -
Geschlecht:
|
Verfasst Mi 27.04.2011 18:28
Titel
|
|
|
Hier mal der Anfang vom HTML Code
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"> <b>»</b><span
id="hpname"> Electronic Music/Home </span></td>
</tr>
<tr>
|
|
|
|
|
JanG
Dabei seit: 13.10.2002
Ort: Köln/Düsseldorf
Alter: -
Geschlecht:
|
Verfasst Mi 27.04.2011 18:32
Titel
|
|
|
Poste auch die CSS Dateien... oder hast du keinen Onlinelink?
Peaze!
|
|
|
|
|
FCBenne04
Threadersteller
Dabei seit: 26.04.2011
Ort: Rees
Alter: -
Geschlecht:
|
Verfasst Mi 27.04.2011 18:34
Titel
|
|
|
Die Page ist noch nicht hochgeladen..
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;}
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Mi 27.04.2011 19:26
Titel
|
|
|
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.
|
|
|
|
|
FCBenne04
Threadersteller
Dabei seit: 26.04.2011
Ort: Rees
Alter: -
Geschlecht:
|
Verfasst Do 28.04.2011 12:42
Titel
|
|
|
Das flexible Layout. ^^
|
|
|
|
|
|
|
|
Ä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
|
|
|
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.
|
|