zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Weite meines Divs zieht in Google Chrome nicht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.03.2011, 14:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2011
Beiträge: 2
RaphaelWerz befindet sich auf einem aufstrebenden Ast
Ausrufezeichen Weite meines Divs zieht in Google Chrome nicht

Hallo liebe Forenmitglieder

Ich habe ein kleines Problem in Google Chrome.

Und zwar will ich, auf meiner Seite auf der rechten Seite eine kleine section einbauen, welche beim darüberfahren sich öffnet und Bilder von Socialcommunitis anzeigt und beim verlassen der section sich wieder schliesst.

dies hab ich ich nun in kleinen Testseite realisiert und beim Browser-Kompatibilitätstest ist mir aufgefallen das es die "geschlossene" section im google chrome falsch darstellt.

wäre extrem froh, wenn Ihr mir hier weiterhelfen könntet warum dies so ist.

für ein Erfolgreiches helfen hab ich hier noch die SourceCodes meines kleinen Test's:

HTML File:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<link href="css/styles.css" rel="stylesheet" media="screen" type="text/css">
<script src="js/jQuery.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
</head>
<body id="body" class="home">
<div id="share">
<div id="collapse">
S<br>
H<br>
A<br>
R<br>
E
</div>
<div id="share-collection">
<ul>
<li><img src="images/facebook.png" id="test"></img></li>
<li><img src="images/twitter.png"></img></li>
<li><img src="images/myspace.png"></img></li>
</ul>
</div>
</div>
</body>
</html>


CSS File, welches sich im Ordner: "CSS" befindet:
* { margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; line-height: 1.6em; }

/**tag's**/
li { list-style: none; padding-left: 14px; background-repeat: no-repeat; background-position: 0 0.25em; }

/** share section**/
#share {height: 110px; width: auto; overflow: hidden; position: fixed; right: 0; top: 42%; background-image: url("../images/bg_share.png");}
#collapse {height: 100px; width: 30px; overflow: hidden; float: left; text-align: center; margin: 5px 0px;color: white;}
#share-collection {height: 100px; width: 0px; overflow: hidden; float: left; color: black; margin: 5px 0px;}
#share-collection li {margin: 4px 0px;}

und zum schluss noch das js file welches sich im Ordner: "js" befindet
( function($) {
$(function(){
$('#share').hover(function(){
$('#share-collection',this).animate({
width:'50px'}, {
duration:200,
queue:false
});
},function(){
$('#share-collection',this).animate({
width:'0'}, {
duration:200,
queue:false
});
});
$('#test').click(function(){
window.open('http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.clavisit.com&t=HTML% 20Open%20Link%20in%20New%20Window&src=sp','popUpWi ndow','height=300,width=600,left=50,top=50,resizab le=yes,scrollbars=1,toolbar=no,menubar=no,location =no,directories=no,status=no');
});
});

})(jQuery);
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.03.2011, 14:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.03.2011
Beiträge: 2
RaphaelWerz befindet sich auf einem aufstrebenden Ast
Blinzeln jQuery

natürlich verwende ich für die javascript funktionalitäten das jQuery framework
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
display, google chrome, jquery, problem, width

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
Fehlerhafte Menulink-Erkennung bei Google Chrome cychotic CSS 4 26.05.2011 08:20
Google Chrome sas Fragen, Konstruktive Kritik, Lob / Bekanntmachungen 3 19.03.2010 00:43
border:1px outset #000000 im Safari und Google Chrome xXNemesisXx CSS 6 27.01.2009 20:13
Google Chrome: Final online! Crizzo Ressourcen 45 19.12.2008 08:47
Darstellungsprobleme im IE7 - FF, Google Chrome zeigen korrekt webrise CSS 6 05.09.2008 12:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:40 Uhr.