shutdown
Erfahrenes Mitglied
Hi!
Ich bin weiterhin daran, meine erste CSS-Seite zu bauen, und müsste jetzt aus den betroffenen Bereichen so ziemlich alle Tabellen entfernt haben.
Jetzt hab ich aber massive Darstellungsprobleme, und möchte jemanden von euch bitten, das sich mal anzuschauen - ihr seht das wahrscheinlich wesentlich schneller.
Also zu sehen ist das ganze unter: http://www.mrg-abi2004.de/galeriegd/linux/
Und es geht um die Kategorien der Bilder und die große Bilder-Anzeige im speziellen.
(Ignoriert einfach den Hintergrund vom right_content - das war nur mal ein Test)
Ich habe das ganze unter Linux geschrieben und für den dortigen Firefox optimiert.
Auch da hab ich schon ein Problem, aber jetzt hab ich das ganze nach Windows gewechselt und jetzt kommen ein paar dazu:
1) Die inneren divs left_content und right_content stehen im Firefox über den umschließenden div container hinaus - warum?
2) Der IE kennt anscheinend keine Listen-Formatierung, weshalb dort meine Navileiste komplett unformatiert daher kommt - warum?
3) Der Firefox unter Linux hat anscheinend ne völlig andere Grund-Schriftgröße - warum?
Ich würde mich über eure Hilfe sehr freuen - ich probier nämlich schon ne ganze Weile an dem Ding rum, und komme einfach nicht weiter...
Vielen Dank schon mal!
shutdown
Hier mal mein CSS-File:
Ich bin weiterhin daran, meine erste CSS-Seite zu bauen, und müsste jetzt aus den betroffenen Bereichen so ziemlich alle Tabellen entfernt haben.
Jetzt hab ich aber massive Darstellungsprobleme, und möchte jemanden von euch bitten, das sich mal anzuschauen - ihr seht das wahrscheinlich wesentlich schneller.
Also zu sehen ist das ganze unter: http://www.mrg-abi2004.de/galeriegd/linux/
Und es geht um die Kategorien der Bilder und die große Bilder-Anzeige im speziellen.
(Ignoriert einfach den Hintergrund vom right_content - das war nur mal ein Test)
Ich habe das ganze unter Linux geschrieben und für den dortigen Firefox optimiert.
Auch da hab ich schon ein Problem, aber jetzt hab ich das ganze nach Windows gewechselt und jetzt kommen ein paar dazu:
1) Die inneren divs left_content und right_content stehen im Firefox über den umschließenden div container hinaus - warum?
2) Der IE kennt anscheinend keine Listen-Formatierung, weshalb dort meine Navileiste komplett unformatiert daher kommt - warum?
3) Der Firefox unter Linux hat anscheinend ne völlig andere Grund-Schriftgröße - warum?
Ich würde mich über eure Hilfe sehr freuen - ich probier nämlich schon ne ganze Weile an dem Ding rum, und komme einfach nicht weiter...
Vielen Dank schon mal!
shutdown
Hier mal mein CSS-File:
Code:
body
{
background-color: red;
min-width: 987px;
width: 98.5%;
}
#container
{
width:90%;
height: 100%;
min-height: 200px;
top: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
background-color: white;
border-width: 4px;
border-style: solid;
border-color: blue;
}
#banner
{
width: 100%;
height:100%;
}
#navi_container
{
position: relative;
left: -7.5%;
top: 1px;
width: 102%;
z-index: 2;
margin-bottom: 2px;
}
#navi_container li
{
float: left;
display: inline;
position: relative;
left: 3.4%;
top: -15px;
margin-left: 1px;
margin-right: 1px;
}
#navi_container li>a
{
float: left;
text-align: center;
padding-left: 1.39%;
padding-right: 1.39%;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
color: white;
background-color: orange;
margin-bottom: 2px;
border-width: 2px;
border-style: solid;
border-color: blue;
}
#navi_container li>a:link
{
color: white;
text-decoration: none;
background-color: orange;
}
#navi_container li>a:visited
{
color: white;
text-decoration: none;
background-color: orange;
}
#navi_container li>a:hover
{
color: orange;
text-decoration: none;
font-weight: bold;
background-color: white;
}
#content
{
width: 100%;
}
#left_content
{
position: relative;
top: -12px;
float: left;
margin-top: px;
width: 210px;
border-width: 2px;
border-style: solid;
border-color: blue;
background-color: #FFFF00;
}
#bilder_navi
{
width: 93%;
position: relative;
left: 5px;
margin-bottom: 2px;
margin-top: 2px;
border-color: blue;
border-width: 2px;
border-style: solid;
vertical-align: middle;
background-color: white;
white-space: nowrap;
}
#bilder_navi ul
{
list-style-type: none;
text-align: left;
position: relative;
left: -35px;
}
span.category
{
display: block;
text-align: center;
width: 177px;
padding-left: 1.39%;
padding-right: 1.39%;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
color: white;
background-color: orange;
margin-bottom: 2px;
border-width: 2px;
border-style: solid;
border-color: blue;
position: relative;
top: -6px;
}
#rand_navi2_unten
{
display: block;
width: 185px;
height: 4px;
margin: 3px;
background-color: orange;
border-width: 2px;
border-style: solid;
border-color: blue;
}
#bilder_navi img
{
width: 25%;
margin-top: 2px;
margin-bottom: 2px;
margin-left: px;
border-color: white;
border-width: 0px;
vertical-align: middle;
}
#bilder_navi a
{
font-size: 12.3pt;
text-decoration: none;
color: #DF0000;
}
#right_content
{
border:2px solid blue; position: relative;
top: -12px;
float: right;
width: 75%;
background:url('../bilder/bruecke.JPG');
}
#right_content img
{
width: 15%;
border-color: white;
border-width: 0px;
padding: 15px;
vertical-align: middle;
}
#spans
{
float: right;
position: relative;
top: 16px;
left: -20px;
}
#right_content_bild img
{
float: left;
width: 45%;
border-color: white;
border-width: 0px;
padding: 15px;
vertical-align: top;
}
span.bild_name font
{
display: block;
width: 300px;
background-color: orange;
color: white;
font-size: 16pt;
font-weight: bold;
padding: 5px;
margin-bottom: 2px;
}
span.bild_m font
{
display: block;
width: 227px;
background-color: orange;
color: white;
font-size: 16pt;
padding: 5px;
text-align: right;
text-color: blue;
position: relative;
left: 73px;
margin-bottom: 2px;
}
span.bild_preis font
{
display: block;
width: 227px;
background-color: orange;
color: white;
font-size: 16pt;
padding: 5px;
text-align: right;
position: relative;
left: 73px;
margin-bottom: 2px;
}
span.bild_status font
{
display: block;
width: 300px;
background-color: orange;
color: white;
font-size: 16pt;
padding: 5px;
text-align: center;
}
span.beschriftung_m font
{
float: left;
display: block;
width: 60px;
background-color: orange;
color: white;
font-size: 16pt;
padding: 5px;
margin-bottom: 2px;
}
span.beschriftung_preis font
{
float: left;
display: block;
width: 60px;
background-color: orange;
color: white;
font-size: 16pt;
padding: 5px;
margin-bottom: 2px;
}
#vita_bild img
{
width: 15%;
position: absolute;
top: 235px;
right: 140px;
}
#vita_bild font
{
font-size: 12pt;
}
#vita_bild
{
width: 600px;
margin-top: 5px;
padding: 5px;
border-color: blue;
border-style: solid;
border-width: 2px;
text-align: justify;
}
#kontakt
{
position: relative;
top: 5px;
}