---
title: "prototype? css? background-color?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/175992-prototype-css-background-color"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "crisse6"
published: "2008-12-22T01:03:24.000Z"
updated: "2008-12-22T01:34:10.000Z"
replies: 1
views: 467
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/175992-prototype-css-background-color"
---

# prototype? css? background-color?

## #1 — crisse6, 2008-12-22T01:03Z

Hello.

Har en container-div där underdivar läggs till genom en loop. Varje sån här underdiv ska ha funktionaliteten med drag n drop, sortering (genom att använda prototype/scripta...). Detta fungerar perfekt i Safari, FF men inte i IE 7 (såklart).

Det är två grejor som beter sig underligt nu:

1\. Slår jag på background-color på den div som skapas i loopen så ser man inte innehållet (dvs text eller liknande) för den diven tills det att man klickat 1 gång på den, därefter beter den sig "normalt".

2\. Första gången man börjar dra i diven så blir det som ett x-offset från muspekaren, men inte nästa gång man börjar dra i diven.

Postar utgenerard kod:

(den css som är kopplad nu på dessa div-ar är endast för att sätta font-size, background-color)

Lägger jag inte till javascript-biten så ser ju allting rätt ut.

```
<div id="menuItemContainer_2" class="optionsMenuItemContainer">
	
	<div id="m2_optionsMenuParent" class="optionsMenuParent" onclick="ProgramOptionsHandler.expandParent(2)">
		<div style="float: left;">
			Mediaitems <label id="m2_optionsMenuParent-items">(1 st)</label>
		</div>	
		
		<div style="float: left;">
			<input type="submit" style="width: 100px" onclick="NewMediaHandler.addNewMediaItem()" value="Add media">
		</div>
		
		<div id="clearfix"></div>
	</div><!-- end of m2_optionsMenuParent-div -->
				
	<div id="mediaItems">
	<!-- loop börjar här -->				
		<div id="m2_submenuItem_8" class="optionsMenuSubitem" style="background-color: #e1e1e1;">
			
			<div id="m2_submenuItemTitle_8" style="float: left;">
				Lorem ipsum				
			</div><!-- end of m2_submenuItemTitle_x-div -->
										
			<div id="m2_submenuItemOptions_8" style="float: left;">
				<input type="submit" value="Redigera" onclick="EditMediaHandler.edit(8)">
			</div><!-- end of m2_submenuItemOptions_x-div -->
									
																		
			<div id="clearfix"></div>
												
		</div><!-- end of m2_submenuItem_x-div -->
								
		<script type="text/javascript">
			new Draggable('m2_submenuItem_8', { revert: true });
		</script>					
								
<!-- loopen slutar här -->

		<script type="text/javascript">
    			Sortable.create('mediaItems',{tag:'div', constraint: false});
  		</script>
				
</div><!-- end of menuItemContainer_2 -->
```

Någon som har någon idé vad det kan vara?

Permalänk: https://www.webforum.nu/p/175992

## #2 — crisse6, 2008-12-22T01:34Z

Okej. Uppenbarligen va det något med divarna inom under-diven. När jag tog bort dom å bara hade innehållet så funkar det. Någon som har förklaring?

Permalänk: https://www.webforum.nu/p/2160354

---

Tråden på webben: https://www.webforum.nu/amne/javascript/175992-prototype-css-background-color